@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@200..800&display=swap");body.light{background-color:#fff;color:#000}body.light .desc,body.light .heading,body.light .question,body.light .question h2,body.light .tags,body.light .title{color:#000!important}body.light .question{border:1px solid #000}body.light .question:hover{border-color:#4a5568;box-shadow:0 10px 30px rgba(74,85,104,.3)}body.light .diff{background-color:#e2e8f0;border:1px solid #000;color:#000}body.light .link{background-color:#4fc3f7;color:#000}body.light .link:hover{background-color:#4a78a8}body.light .clock,body.light .mode{color:#000}body{font-family:Bricolage Grotesque,sans-serif;margin:0;overflow-x:hidden;background-color:#000}.navbar{display:flex;align-items:center}.clock{color:#fff;position:relative;left:350px}.cl{background-color:#f28c38;padding-left:15px;padding-right:15px;border-radius:15px;width:300px}.mode{position:relative;color:#fff;border:none;background-color:transparent!important;top:-555px;left:85%}.home-container{position:relative;width:100%;height:100vh}.background-image{object-fit:cover;z-index:-1;opacity:.7;transition:opacity .3s ease}.background-image:hover{opacity:.8}.title{font-weight:700;font-size:1.5rem;color:#fff;padding:2rem;margin:0;position:relative;transition:color .3s ease,transform .3s ease}.title:hover{color:#a3bffa}.heading{font-weight:700;font-size:4rem;color:#fff;padding:2rem;margin:0;position:relative;left:20%;top:-5%;transition:color .3s ease,transform .3s ease}.heading:hover{color:#a3bffa}.question{color:#fff;border:1px solid #fff;width:800px;height:220px;padding:85px 20px 50px;border-radius:25px;position:relative;top:0;left:18%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.question:hover{transform:translateY(-2px);border-color:#a3bffa;box-shadow:0 10px 30px rgba(163,191,250,.3)}.question h2{position:relative;top:-1.8rem;transition:color .3s ease}.diff{background-color:#4a5568;padding:5px;border:1px solid #fff;border-radius:5px;position:relative;top:-3rem;font-size:.9rem;transition:background-color .3s ease,transform .3s ease;cursor:pointer}.tags{top:-4rem;font-size:1.1rem;color:#a3bffa}.desc,.tags{position:relative;transition:color .3s ease}.desc{top:-5rem;font-size:1rem}.link{position:relative;top:-5rem;background-color:#254776;padding:10px;color:#fff;border-radius:10px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;cursor:pointer;text-decoration:none;display:inline-block}.link:hover{background-color:#4a5568}@media (max-width:1200px){.heading{left:10%;font-size:3.5rem}.question{left:10%;width:700px}}@media (max-width:992px){.heading{left:5%;font-size:3rem}.question{left:5%;width:600px}}@media (max-width:768px){.title{font-size:1.2rem;padding:1rem}.heading{left:0;font-size:2.5rem;padding:1rem;text-align:center}.question{left:0;width:90%;margin:0 auto;height:auto;min-height:200px;padding:20px}.question h2{top:0;font-size:1.5rem}.diff{top:-1rem}.tags{top:-2rem}.desc,.link{top:-3rem}}@media (max-width:576px){.title{font-size:1rem;padding:.5rem;width:max-content;transform:translateY(-20px)}.mode{top:-700px}.heading{font-size:2rem;padding:.5rem}.question{width:95%;padding:15px;border-radius:15px;margin-top:200px}.question h2{font-size:1.2rem}.diff{font-size:.8rem}.tags{font-size:1rem}.desc,.link{font-size:.9rem}.link{padding:8px}.clock{position:relative;left:-3.9rem;top:40px;height:max-content}}@media (max-width:480px){.home-container{height:auto;min-height:100vh}.question{position:static;margin:20px auto;width:300px}.title{top:10px;position:relative}.heading{position:static;margin:20px auto;text-align:center}}