:root{--background:#ffffff;--foreground:#0a0a0a;--padding:100px;--accent:#03014c}*{box-sizing:border-box;padding:0;margin:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}::selection{background:var(--accent);color:#f0f4fc}a{color:inherit;text-decoration:none;cursor:pointer}a,img{-webkit-user-select:none;-moz-user-select:none;user-select:none}img{pointer-events:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}body{font-family:Roboto,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--foreground)}main{min-height:100svh}section{height:max-content;padding:var(--padding)}nav{--y-position:0;--background:transparent;--text-color:#ffffff;--transition-duration:0s;--hover-color:var(--color1);position:fixed;z-index:100;top:var(--y-position);left:0;width:100%;height:70px;justify-content:space-between;background:var(--background);padding:5px 30px;transition:var(--transition-duration) ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none}nav,nav a{display:flex;flex-direction:row;align-items:center}nav a{justify-content:center;gap:5px;color:var(--text-color);font-family:monospace;font-size:18px}nav a img{pointer-events:none}nav ul{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;list-style:none}nav ul li{display:block}nav ul li a{transition:.3s ease-out}nav #_mob-btn{position:relative;cursor:pointer;width:50px;height:35px;transition:.2s ease-out;z-index:950;display:none}nav #_mob-btn span{position:absolute;width:100%;height:5px;background-color:var(--text-color);border-radius:50px;transition:top .3s ease-out .15s,bottom .3s ease-out .15s,transform .3s ease-out,opacity .3s ease-out,background-color .3s ease-out;transform-origin:center}nav #_mob-btn span:first-child{top:0;left:0}nav #_mob-btn span:nth-child(2){top:15px;left:0}nav #_mob-btn span:nth-child(3){bottom:0;left:0}nav #_mob-btn.close span{background-color:var(--accent);transition:top .3s ease-out,bottom .3s ease-out,transform .3s ease-out .15s,opacity .3s ease-out .2s,background-color .3s ease-out}nav #_mob-btn.close span:first-child{top:15px;transform:rotate(225deg)}nav #_mob-btn.close span:nth-child(2){transform:rotate(225deg);opacity:0;top:15px}nav #_mob-btn.close span:nth-child(3){transform:rotate(135deg);bottom:15px}footer{width:100%;padding:10px 20px;color:#ffffff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:14px}a.button,footer{background:var(--accent)}a.button{position:relative;z-index:1;border-radius:5px;overflow:hidden;padding:15px;transition:.3s ease-out;color:#c5b640}a.button:hover{transform:translateY(-5px)}a.ul{position:relative}a.ul:before{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#ffffff;transform:scaleX(.2);transition:.3s ease-out}a.ul:hover:before{transform:scaleX(.5)}@media (max-width:900px){:root{--padding:50px}}@media (max-width:700px){footer{flex-direction:column;gap:5px;text-align:center;font-size:12px}footer p:nth-child(2){order:1}}@media (max-width:600px){:root{--padding:30px}}@media (max-width:550px){:root{--padding:30px}nav{padding:0 20px}nav #_mob-btn{display:flex}nav ul.menu{position:fixed;z-index:90;top:0;right:-280px;background:rgba(255,255,255,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:280px;height:100dvh;flex-direction:column;gap:0;transition:.3s ease-out}nav ul.menu.show{transform:translateX(-100%)}nav ul.menu li{width:100%}nav ul.menu li a{width:100%;height:auto;padding:10px;background:transparent;text-align:center;transition:.3s ease-out;color:var(--accent);font-size:20px}nav ul.menu li a:hover{background:#d9d9d9}}