@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500&display=swap";header{padding-block:2em;padding-inline:.8em}header .top{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;background-image:url(https://th.bing.com/th/id/OIP.utkeD7qId04GC_xiYtf_YQHaD6?pid=ImgDet&w=4096&h=2161&rs=1);background-size:100% 100%;background-repeat:no-repeat;max-width:400px;height:120px;margin:auto;color:#f1f1f1;font-size:1.5em;border-radius:.8em;box-shadow:0 4px 1px 5px #3b3bff}header .top h1{font-size:3em}header .top p{font-size:.8em}header .bottom{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:3em;grid-gap:.5em}header .bottom .guide{display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;min-width:140px;height:8em;padding:.4em;border-radius:.8em;color:#000;margin-block:.3em}@media screen and (min-width: 870px){header .bottom .guide{width:50%;max-width:300px;height:15em;margin-inline:.5em}header .bottom .guide h5{font-size:1.2em!important}header .bottom .guide p{font-size:1em!important}}header .bottom .guide h5{font-size:.8em;font-weight:500;text-align:center}header .bottom .guide .instruction{text-align:center}header .bottom .guide .instruction p{margin:.5em;font-size:.6em;font-style:italic}.guide-red{background-color:#000;color:#ff2525!important;box-shadow:0 5px 8px #ff2525}.guide-blue{background-color:#000;color:#3b3bff!important;box-shadow:0 5px 8px #3b3bff}.guide-green{background-color:#000;color:#de00e5!important;box-shadow:0 5px 8px #de00e5}.guide-yellow{background-color:#000;color:#25ff25!important;box-shadow:0 5px 8px #25ff25}.profile{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;padding:2em;min-height:500px}.profile .image{display:block;width:100%;box-shadow:2px 2px 5px #3b3bff;border-top-right-radius:5em;border-bottom-left-radius:5em}.profile .text{width:100%;padding:1em;color:#3b3bff}.profile .text .intro{margin-top:1em;font-weight:700}.profile .text .bio{margin-top:2em}@media screen and (min-width: 900px){.profile{flex-direction:row;justify-content:space-evenly}.profile .image{width:30%}.profile .text{width:50%}.profile .text .intro{margin-top:0}}.socials{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:2em}.socials .socials>a,.socials img{display:inline-block;width:20px;height:20px;margin-inline:.7em;cursor:pointer}.searchResult{color:#f1f1f1;text-align:center}.searchResult #logo{display:inline-block;width:5em;height:100%;margin:auto}.searchResult .head{padding:2em;text-align:center;font-size:1.4em;color:#ff0}.searchResult .article,.searchResult .topics #current,.searchResult .topics .topic{width:47%;height:17em;max-width:300px;min-height:250px;overflow-y:scroll;cursor:pointer;border-bottom-left-radius:.8em;border-bottom-right-radius:.8em;box-shadow:0 3px 5px #3b3bff;text-decoration:none;margin-block:.3em;padding-bottom:1em!important;color:#3b3bff;text-align:left}@media screen and (min-width: 970px){.searchResult .article,.searchResult .topics #current,.searchResult .topics .topic{height:380px;margin-top:2em}.searchResult .article .article-image,.searchResult .topics #current .article-image,.searchResult .topics .topic .article-image{height:10em!important}.searchResult .article .title,.searchResult .topics #current .title,.searchResult .topics .topic .title{font-size:1em!important}.searchResult .article p,.searchResult .topics #current p,.searchResult .topics .topic p{font-size:.8em!important}}.searchResult .article .article-image,.searchResult .topics #current .article-image,.searchResult .topics .topic .article-image{display:block;height:5em;width:100%}.searchResult .article .article-text,.searchResult .topics #current .article-text,.searchResult .topics .topic .article-text{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;width:100%;height:100%}.searchResult .article .title,.searchResult .topics #current .title,.searchResult .topics .topic .title{font-size:.8em;padding-top:1em;padding-inline:.5em}.searchResult .article p,.searchResult .topics #current p,.searchResult .topics .topic p{font-size:.7em;padding-top:.4em;padding-inline:.5em;word-wrap:break-word;font-style:italic;color:#787878;text-align:left;margin-top:.7em}.searchResult .article p span,.searchResult .topics #current p span,.searchResult .topics .topic p span{color:#ff0;text-decoration:underline}.searchResult .article:visited,.searchResult .topics #current:visited,.searchResult .topics .topic:visited{color:#3b3bff}.searchResult .article::-webkit-scrollbar,.searchResult .topics #current::-webkit-scrollbar,.searchResult .topics .topic::-webkit-scrollbar{display:none;scrollbar-width:none;-ms-overflow-style:none}.searchResult .topics{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;flex-wrap:wrap;color:#3b3bff}.searchResult .topics #current{box-shadow:0 3px 5px #ff2525;color:#ff2525}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,Arial,Helvetica,sans-serif}body{height:100%;width:100%;background-color:#000}footer{text-align:center;padding:3em;margin-top:2em}footer h3{font-size:1em;font-weight:500;color:#3b3bff}footer h3 a{box-shadow:0 1px 1px 1px #ff0;color:#ff0;display:inline-block;text-decoration:none;border-radius:7px;padding:.3em;transition:.5s}footer h3 a:hover{box-shadow:0 1px 1px 1px #fff;color:#fff}.head{background-color:#000;min-width:250px}