body {
    background:#F2F5F5;
    text-transform: uppercase;
    color: rgb(105, 78, 9);
}
:root{
    --main-radius:5px;
    --main-padding:5px;
   
    }
.container {
    display: grid;
    
    grid-template-columns:0.3fr 0.1fr ;
    grid-template-rows: 0.1fr 0.2fr 0.4fr 1fr 0.1fr 1fr;
    grid-template-areas:
    "logo logo logo logo"
    "main main main main"
    "toplist toplist toplist toplist"
    "banner ads ads ads"
    "banner ads ads ads"
    "footer footer footer footer";
    grid-gap:0.4rem;
    font-size: 12px;
    font-weight: bold;
   
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
   
}
#logo {
  
    grid-area:logo;
    color: #06213f;
    font-size: 90px;
    
}
main {
    border: 3px solid #000;
    grid-area: main;
    border-radius:var(--main-radius);
    padding-top: var(--main-padding);
    
    font-size: 20px;
    text-align: center;
}
#toplist {
    border: 3px solid #000;
    grid-area: toplist;
    border-radius:var(--main-radius);
    padding-top: var(--main-padding);
    font-size: 20px;
    
}
.banner {
    border: 3px solid #000;
    grid-area: banner;
    border-radius:var(--main-radius);
    padding-top: var(--main-padding);
    text-align: center;
}
#ads {
    border: 3px solid #000;
    grid-area: ads;
    border-radius:var(--main-radius);
    padding-top: var(--main-padding);
    
}


footer {
    border: 3px solid #000;
    grid-area: footer;
    border-radius:var(--main-radius);
    padding-top: var(--main-padding);
    font-size: 15px;
    text-align: center;
    
}
@media only screen and (max-width:992px) {
    .container {
        grid-template-columns:1fr;
        grid-template-rows: 0.4fr 0.4fr 2.2fr 1.2fr 1.2fr 1.2fr;
        grid-template-areas: 
        "logo"
        "main"
        "toplist"
        "banner"
        "ads"
        "footer"
           ;
    }    
    }
    
    a:link {
        color: black;
        text-decoration: none;
      }
      
      /* visited link */
      a:visited {
        color: #000;
        text-decoration: none;
      }
      
      /* mouse over link */
      a:hover {
        color: #433B36;
        text-decoration: none;
        text-shadow:none;
      }
      
      /* selected link */
      a:active {
        color: blue;
        text-decoration: none;
      }

.test {
  font-size: 15px;
}
.second {
    font-size: 10px;
}
.myadss {
    font-size: 14px;
}

.myrow {
    width: 95%;
    margin-left: auto;
    margin-right: auto;

}

.css-button-rounded {
    background: #F4B503;
    color: #fff;
    display: block;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    width: auto;
    border-radius: 8px; 
    margin: 3px;
    text-transform: none;

}


.css-button-rounded:hover {
    background: #000;
}
.first:hover {
    color: white;
    
}