@font-face{font-family:Ubuntu;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoC1CzjsGyN.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--co1:#3d7dde;--co2:#c7dcea;--co3:#eeeeee8c}
*{text-align: -moz-center;font-family:Ubuntu;font-size:24px;accent-color: var(--co1);max-width: 900px;text-align: -webkit-center;place-items: center;object-position: center;margin: 15px 0;}
html{margin: auto;}
body{background:var(--co2)}
main{background:var(--co3);}
ul{list-style:none;padding: 0;}
a{text-decoration:none;color:var(--co1);}
a,button{cursor:pointer}
a:hover,button:hover{opacity:.8}
button{background:var(--co1);border:0;color:var(--co2)}
i{font-size: 18px;opacity: .8;display: block;}
input,select{border:0;border-bottom:2px solid var(--co1);width:calc(100% - 20px);}
input[type=checkbox] {width: 50px;height: 50px;}
header{display: grid;grid-template-columns: 33% auto;}
h1{font-size:40px;padding-top: 20px;}
h2{font-size:30px;padding-top: 20px;}
h3{font-size:26px;padding-top: 20px;}
.grid2{display:grid;grid-template-columns:50% 50%;}
.grid3{display:grid;grid-template-columns:33% 33% 33%;}
.grid4{display:grid;grid-template-columns:25% 25% 25% 25%;}
#ad img {
    opacity: 0.8;
    aspect-ratio:2;
    width: calc(100% - 60px);
}
#ad *, #query{max-width: 500px;}
@media screen and (max-width:720px){
.grid2,.grid3,.grid4, header{display:block}
}
header ul a {display: block;}
header h1 a {font-size: 34px;}

header * {
    margin: 0;
    padding: 0;
    border: 0;
}


iframe#drive_pdf {
    aspect-ratio: 8/11;
    width: 90%;
}
img.thumbs {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100px;
    border: 2px solid var(--co1);
    display: block;
}
h3.post {
    width: 35%;
    display: inline-block;
}