@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";
:root{--primary-color:#302ae6;--secondary-color:#536390;--font-color:#424242;--heading-color:#292922;--body-padding:1rem;--bg-color:#fff;--secondary-bg-color:#d2d2d2dd;--main-background-color:#f7f7f7;--border-color:#fbfbfb;--link-color:#0000005d;--link-hover:#86e9ff;--link-active:#86e9ff80;--slider-bg-color:#1a1a1a;--project-card-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--project-card-border:2px solid #d8d9db;--project-card-bg-color:#fff;--project-card-sub-border:1px dashed #0000004a;--scrollbar-color:#130722e8;--body-overflow:hidden}[data-theme=dark]{--primary-color:#9a97f3;--secondary-color:#818cab;--font-color:#e1e1ff;--heading-color:#818cab;--body-padding:1rem;--bg-color:#000;--secondary-bg-color:#252525dd;--main-background-color:#000;--border-color:#373636;--link-color:#fbfbfbaa;--link-hover:#5c12be;--link-active:#5d12be80;--slider-bg-color:#dedede;--project-card-shadow:none;--project-card-border:2px solid #0001;--project-card-bg-color:#f7f7f7;--project-card-sub-border:1px dashed #000000c3;--scrollbar-color:#d9c3f4e8;--body-overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}html,body,#__next,body>div:first-child,main{width:100%;min-width:396px;height:100%;min-height:700px}html,body{padding:var(--body-padding);background-color:var(--bg-color);font-family:Poppins,sans-serif;font-size:18px;line-height:1.6}body{overflow-y:var(--body-overflow)}#__next{justify-content:center;align-items:center;display:flex}main{border:20px solid var(--border-color);background-color:var(--main-background-color);border-radius:4px;grid-template-rows:4rem 1fr;max-width:1280px;display:grid}header{border-bottom:2px solid var(--border-color);width:100%;height:4rem}footer{width:100%}a{text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{opacity:0;animation:.25s ease-in forwards fadeIn}.fade-in.one{animation-delay:.25s}.fade-in.two{animation-delay:.5s}.fade-in.three{animation-delay:.7s}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media only screen and (max-width:960px){html,body,#__next,body>div:first-child,main{min-width:none!important;min-height:none!important}body{padding:4px}main{border:none!important}}
