:root{--cOne:#f9ed69;--cTwo:#f08a5d;--cThree:#b83b5e;--cFour:#6a2c70;--cFive:#f8f8f8;--cSix:#fff;--cSeventeen:#f5f6fa;--cEight:#000;--cNine:#282829;--cTen:#9c9d9f;--cEleven:#5353ec;--cTwelve:#eee;--cThirteen:#ddd;--cFourteen:#4682b4;--h1-font-size:3rem;--h2-font-size:2.5rem;--h3-font-size:2rem;--h4-font-size:1.2rem;--h5-font-size:1rem;--h6-font-size:.8rem;--body-font-size:.6rem;--small-font-size:.4rem;--header-height:3rem;--body--bg:var(--cTwelve)}@media screen and (min-width:54em){:root{--h1-font-size:2.8rem;--h2-font-size:2.3rem;--h3-font-size:1.8rem;--h4-font-size:1.4rem;--h5-font-size:1.2rem;--h6-font-size:1rem;--body-font-size:.8rem;--small-font-size:.6rem;--header-height:4rem}}#img,.icon-list-2,h3{color:var(--cFourteen);font-size:var(--h3-font-size)}h4{color:var(--cFourteen);font-size:var(--h4-font-size)}h5{font-size:var(--h5-font-size)}a,h6{font-size:var(--h6-font-size)}a{color:var(--cFourteen)}.small,p{font-size:var(--body-font-size)}[class^=student-]{font-size:var(--body-font-size)}body{background:var(--body--bg);-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;margin-top:var(--header-height);max-width:100%;min-height:100vh;padding:0}.header-nav,body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.header-nav{background:var(--cSix);box-shadow:1px 1px 5px 1px rgba(70,130,180,.3);height:var(--header-height);left:0;position:fixed;top:0;width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.header-nav #img{padding:1rem;width:10%}.header-nav #img .logo-1{height:2rem}.header-nav #menu-bar{width:5%;-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;display:none;order:3}.header-nav #menu-bar:checked~nav ul.menu{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.header-nav .icon-list-2{padding:1.5rem;width:5%;-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;cursor:pointer;order:4}.header-nav nav{width:80%}.header-nav nav .menu{background:var(--cSix);height:100vh;left:0;list-style:none;margin:0;padding-left:0;position:absolute;top:3rem;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .5s;transition:all .5s;width:50%}.header-nav nav .menu li{border-bottom:1px solid rgba(70,130,180,.3)}.header-nav nav .menu li a{display:block;line-height:3.5;padding-left:1em;text-decoration:none}.header-nav nav .menu li a:hover{background:rgba(70,130,180,.3)}#main{display:grid;gap:.5em;grid-template-columns:repeat(5,1fr);padding:0}#main .banner{background:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;grid-column:1/-1;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}#main .banner img{display:block;width:100%}#main h4,#main p{margin:0;text-align:center}#main .slogan{color:#9acd32;font-size:1.5rem;font-weight:700;text-align:center}#main .pre-text,#main .welcome{background:var(--cFive);grid-column:1/-1;margin:0 auto;text-align:center;width:90%}#main .box-1{display:grid;gap:.5em;grid-auto-columns:15rem;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));margin:0 auto;max-width:100%;width:90%}#main .box-1 #content{border:1px solid #4682b4;padding:1.5rem}#main .box-1 #content,#main .box-1 #content .article{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}#main .box-1 #content .article{background:#4682b4;padding:1rem}#main .box-1 #content .article h6{color:#CFE35D;font-size:1.3em;font-weight:700;margin:0 0 1rem}#main .box-1 #content .article h5{color:#fff;font-size:.8em;font-weight:700;margin:0}#main .box-1 #content .article small{color:#9acd32;font-size:1em;font-weight:700}#main .box-1 #content .article p{color:#fff;margin:0 0 .8rem}#main .box-1 #content .article .text{text-align:center}#main .box-1 #content .article .test_{color:var(--cFourteen)}#main .box-1 #content .article a{color:#fff;text-decoration:none}#main .box-1 #content .article .btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;background-color:transparent;border:1px solid #20e2d7;border-radius:4px;color:#adff2f;cursor:pointer;font-size:1rem;height:3em;justify-content:center;overflow:hidden;text-align:center;text-transform:uppercase;-webkit-transition:all .5s ease;transition:all .5s ease;width:10em}#main .box-1 #content .article .btn:hover{background-color:#20e2d7;box-shadow:0 0 10px #20e2d7,0 0 20px,0 0 20px #20e2d7;color:#434343}#main .box-1 #asidebar{background:#485460;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:1.5rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}#main .box-1 #asidebar img{display:block;width:100%}#main .test{text-align:justify}#main .box-2{display:grid;gap:.5em;grid-auto-rows:15rem;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin-bottom:.5rem;max-width:100%;width:100%}#main .box-2 .student-photo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;background:#2d3436;justify-content:center;-webkit-transition:all .5s ease;transition:all .5s ease}#main .box-2 .student-photo:hover{background:rgba(154,205,50,.2);cursor:pointer}footer{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;background:var(--cFourteen);height:2.401rem;padding:.5em;text-align:center;width:100%}footer a,footer p{color:#fff;margin:0;text-decoration:none}@media screen and (min-width:54em){:root .header-nav .icon-list-2{display:none}:root .header-nav nav .menu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:auto;position:static;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);width:auto}:root .header-nav nav .menu li{-webkit-box-flex:1;border-bottom:none;border-right:1px solid rgba(70,130,180,.3);-webkit-flex:auto;-ms-flex:auto;flex:auto;text-align:center}:root .header-nav nav .menu li:last-child{border-right:none}:root .header-nav nav .menu li a{padding-left:0}}@media screen and (max-width:54em){:root #main .box-1 #content{grid-column:1/-1}:root #main .box-1 #asidebar{grid-column:1/-1}}