@font-face{
            font-family: 'supercell';
            src: url(../Clash_Regular.otf);
        }
        *{
            padding: 0px;
            margin: 0px;
        }
        
        body{
            width: 100%;
            height: 100%;
            background: black;
            font-family: supercell;
            display: flex;
            justify-content: center;
            color: white;
        }
        .main{
            width: 50%;
            height: 100%;
            
        }
        .heading{
            text-align: center;
            font-size: 30px;
            padding: 10px;
            
        }
        .battle{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            width: 100%;
            height: 100%;
        }
        img{
            width: 200px;
            height: 200px;
            border-radius: 20%;
        }
        .clashofclans, .clashroyale{
            width: 50%;
            padding: 20px;
            display: flex;
            flex-direction: column;
            
            align-items: center;
        
        }
        .clashofclans h3, .clashroyale h3{
            font-size: 24px;
            margin: 10px 0;
            text-align: center;
            background: linear-gradient(to bottom, #ffd700, #b4690e);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            transition: 0.1s ease-in-out;
        }
        .clashofclans h3:hover, .clashroyale h3:hover{
            transform: scale(1.1);
        }
        .tables{
            width: 100%;
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .tables h3{
            font-size: 25px;
            padding: 15px;
            font-weight: 200;
        }
        .tables table{
            width: 100%;
            border: white 2px solid;
            border-color: white;
            border-radius: 10px;
            border-collapse: collapse;
        }
        .tables table th, .tables table td{
            padding: 10px;
            text-align: center;
            border: 1px solid white;
            font-weight: 100;
        }