.darkmode,:root{--purple:#5900b3;--magenta:#ff00ff;--cyan:#00ffcc;--light:#f7f5ff;--dark:#10001f;--primary:#ff00ff;--secondary:#00ffcc;--accent:#5900b3}.logo,body,h2{display:flex}.hamburger,.hamburger span{z-index:1;position:relative}nav,nav-mobile{position:fixed;top:0}nav,nav-mobile.is-active{left:0}.hamburger,.hamburger span,body,nav-mobile a{position:relative}.menu a,h1,h2,nav-mobile a{text-align:center}.logo,.logo span,.menu a,nav-mobile a{text-decoration:none}nav-mobile #dark-mode-toggle2,nav-mobile a{max-width:200px;background-color:transparent}.dark-mode-toggle,.menu a:hover,nav-mobile #dark-mode-toggle2,nav-mobile a{background-color:transparent}#dark-mode-toggle2,.logo span,.menu a{font-weight:600}@font-face{font-family:Roboto;font-weight:400;src:url("../fonts/roboto-variablefont_wdthwght-webfont.woff2") format("woff2"),url("../fonts/roboto-variablefont_wdthwght-webfont.woff") format("woff")}@font-face{font-family:Roboto;font-style:italic;src:url("../fonts/roboto-italic-variablefont_wdthwght-webfont.woff2") format("woff2"),url("../fonts/roboto-italic-variablefont_wdthwght-webfont.woff") format("woff")}@font-face{font-family:JaceBeleren;src:url("../fonts/JaceBeleren-Bold.ttf") format("truetype")}:root{--txt-color:#10001f;--alert:#ff3b6b;--foreground:var(--dark);--background:var(--light)}.darkmode{--txt-color:#ffffff;--alert:#ff4d73;--foreground:var(--light);--background:var(--dark)}*{box-sizing:border-box;padding:0;margin:0}body{flex-direction:column;width:100%;min-height:100vh;min-height:100svh;background-color:var(--background);font-family:Roboto,sans-serif;font-weight:400;font-size:18px}.logo span,h1,h2,h3{font-family:JaceBeleren,sans-serif;color:var(--txt-color)}main{flex:1;min-height:calc(100vh - 60px)}h1{letter-spacing:2px;margin:24px 0 36px;font-size:2.2rem}h2{flex-direction:column;margin-top:32px;padding:33px 0;flex:1;flex-basis:25%}h3{margin:32px 0 32px 16px}p{padding:.5rem;margin:.5rem;color:var(--txt-color)}.menu a:hover,a{color:var(--primary)}ul li{color:var(--txt-color)}li a{font-style:italic}.hidden{filter:blur(5px);opacity:0;transform:translateX(-100%);transition:1s}@media(prefers-reduced-motion){.hidden{transition:none}}.show{opacity:1;filter:blur(0);transform:translateX(0)}.logo{align-items:center;height:100%}.container,.dark-mode-toggle{display:flex;align-items:center}.logo img{display:block;height:50px;width:auto}.logo span{margin-left:12px;font-size:28px;white-space:nowrap}.dark-mode-toggle{cursor:pointer;border:none;height:45px;width:45px;margin-left:18px;padding:0;justify-content:center}.dark-mode-toggle .svg-icon,nav-mobile #dark-mode-toggle2 .svg-icon{display:block;width:45px;height:45px}.space{height:130px;width:100%}nav{right:0;z-index:99;height:80px;padding:8px 24px;background-image:linear-gradient(90deg,#5900b3,#f0f,#0fc)}.container{max-width:1280px;height:100%;margin:0 auto;justify-content:space-between}.container_text{max-width:70%;margin:0 auto;align-items:center}.hamburger{display:block;user-select:none;appearance:none;border:none;outline:0;background:0 0;cursor:pointer}.menu a.is-active::after,nav-mobile a.is-active::after{content:"";position:absolute;left:16px;right:16px;height:3px;border-radius:999px;bottom:0}.hamburger span{content:'';display:block;width:32px;height:4px;margin-bottom:5px;background-color:var(--light);border-radius:6px;transform-origin:0 0;transition:.4s}.hamburger:hover span:nth-child(2){transform:translateX(10px);background-color:var(--primary)}.hamburger.is-active span:first-child{transform:translate(0,-2px) rotate(45deg)}.hamburger.is-active span:nth-child(2){opacity:0;transform:translate(15px)}.hamburger.is-active span:nth-child(3){transform:translate(-3px,3px) rotate(-45deg)}.hamburger.is-active:hover span{background-color:var(--alert)}.menu{display:none;flex:1 1 0%;justify-content:flex-end;margin:0 -16px}.menu a{color:var(--txt-color);margin:0 16px;transition:.4s;padding:8px 16px;border-radius:99px}.menu div{display:flex;justify-content:center;align-items:center}.menu a.is-active,.menu a:hover{background-color:transparent;text-decoration:none;position:relative}.menu a.is-active::after{background-color:#101018}.darkmode .menu a.is-active::after{background-color:#fff}nav-mobile{left:100%;width:100%;min-height:100vh;display:block;z-index:98;padding-top:122px;background-color:var(--accent);transition:.4s}nav-mobile a{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0 auto 16px;padding:12px 16px;color:var(--txt-color)}nav-mobile a.is-active::after{background-color:var(--primary)}nav-mobile #dark-mode-toggle2{display:flex;align-items:center;justify-content:center;margin:0 auto;width:100%;height:48px;padding:0;border:none}nav-mobile #dark-mode-toggle2,nav-mobile a{transition:color .3s,background-color .3s}.img{max-width:100%;height:auto;margin:0;display:flex;flex-wrap:wrap}.copy-overplay,.protect-alert{top:0;left:0;display:none;position:fixed}.column{flex:25%;max-width:25%;padding:0 4px}.img .big_img,.test_img{border-radius:5px;padding:8px;margin-top:8px;vertical-align:middle}.column:nth-child(2){transition-delay:0.3s}.column:nth-child(3){transition-delay:0.4s}.column:nth-child(4){transition-delay:0.6s}.test_img{max-height:260px;max-width:300px}.img .big_img{height:auto;max-height:80vh}.column img{margin-top:8px;vertical-align:middle;width:100%}.copy-overplay{width:100%;height:100%;background:rgba(0,0,0,.75);z-index:1000}.protect-alert{bottom:0;right:0;background:var(--secondary);width:calc(100% /2);height:calc(100% /2);border-radius:54px;border:6px solid var(--alert);margin:auto;z-index:2000}.protect-alert span{color:var(--txt-color);font-size:32px;position:absolute;left:50%;top:30%;transform:translate(-50%,-30%)}.confirmAlert{height:80px;width:80%;font-size:24px;position:absolute;left:50%;top:90%;transform:translate(-50%,-90%);border-radius:16px;border:0;background-color:var(--alert);color:#fff;transition:.4s ease-in}.confirmAlert:hover{opacity:.7}.card-container{position:relative;min-height:100vh}.card-container .image-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;width:100%;margin:0 auto;padding:10px}.card-container .image-container .image{max-height:320px;max-width:440px;border:4px solid #fff;box-shadow:0 5px 15px rgba(0,0,0,.1);overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:invert(40%)}.card-container .image-container .image img{width:100%;height:100%;object-fit:contain;transition:.2s linear}.card-container .image-container .image:hover img{transform:scale(1.05)}.popup-image{contain:paint}.card-container .popup-image{position:fixed;inset:0;background:rgba(0,0,0,.9);width:100%;height:100%;z-index:100;display:none}.card-container .popup-image span{position:absolute;top:10px;right:25px;font-size:62px;font-weight:bolder;color:#fff;cursor:pointer;z-index:101}.card-container .popup-image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;border:5px solid #fff;border-radius:5px;display:block}.container_text ul{margin:1rem 0 1.5rem;padding-left:1.5rem;font-size:1rem;line-height:1.7}.container_text li{margin-bottom:.6rem;padding-left:.25rem;font-size:1rem;line-height:1.7}.container_text li:last-child{margin-bottom:0}.container_text li p{margin:0;font-size:inherit;line-height:inherit}footer{position:relative;width:100%;height:60px;background:var(--accent);font-size:20px;margin:0;padding:0}.footer-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--accent);margin:0;padding:0}.footer-content p{color:var(--light)}#progress-bar{--progress:0;position:fixed;bottom:0;height:5px;width:var(--progress);background-image:linear-gradient(90deg,#c80dae 0,#2ee2ce 47%,#bce20a 100%);z-index:9;color:#00f}.popup-image span:hover{color:var(--alert)}@supports (-moz-appearance:none){#progress-bar{visibility:hidden}}@media print{h2,p{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;visibility:hidden!important}}@media (min-width:320px){.img .big_img{width:300px}.logo span{font-size:18px}.logo img{height:34px}.container_text{max-width:94%}}@media (min-width:480px){.img .big_img{width:400px}.logo span{font-size:22px}.logo img{height:40px}.container_text{max-width:94%}}@media (max-width:768px){.card-container .popup-image img{width:95%}}@media (min-width:768px){#progress-bar{visibility:visible}.hamburger,nav-mobile{display:none}.menu{display:flex}.card-container .image-container{width:80%}.img .big_img{width:680px}.container_text{max-width:90%}}@media (min-width:1024px){.img .big_img{width:1024px}}