*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:16px;overflow-x:hidden}body{background:var(--scdclr8);min-height:100vh;color:var(--prmclr2);margin:0;font-family:cool-regular,Arial,sans-serif}body .main-container{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;height:100vh;overflow-x:hidden}body h1,body h2,body h3,body h4,body h5,body h6,body p,body a,body span{margin:0;padding:0;font-weight:400;line-height:1.6}:is(body h1,body h2,body h3,body h4,body h5,body h6,body p,body a,body span).special{color:#0000;font-style:italic}body a{color:inherit;font-family:cool-bold,Arial,sans-serif;text-decoration:none;transition:all .3s ease-in-out}body a:hover{text-decoration:none}body button{cursor:pointer;background:0 0;border:none;font-family:cool-bold,Arial,sans-serif;transition:all .3s ease-in-out}body button.disabled{pointer-events:none;opacity:.5}body select{cursor:pointer}body input,body textarea,body select{background:var(--prmclr1);width:100%;color:var(--scdclr3);resize:none;text-align:inherit;outline:none;font-family:cool-bold,Arial,sans-serif;line-height:1.6;transition:all .3s ease-in-out}body ul,body ol,body li{list-style:none}body table{border-collapse:collapse}body img,body picture,body video,body canvas,body svg{object-fit:cover;max-width:100%;max-height:100%;transition:all .3s ease-in-out;display:block}body img,body picture,body video{background:var(--prmclr4)}body .modal-wrapper{z-index:10;background:#000000bf;border:0;padding:0}.layout-row{max-width:2000px;margin:0 auto}.grecaptcha-badge{visibility:hidden}
.flex{display:flex}.flex.column{flex-direction:column}.flex.row{flex-direction:row}.flex.justify-center{justify-content:center}.flex.align-center{align-items:center}.flex.justify-between{justify-content:space-between}.flex.justify-around{justify-content:space-around}.flex.full-center{justify-content:center;align-items:center}.grid{display:grid}.grid.justify-center{justify-content:center}.grid.align-center{align-items:center}.grid.full-center{justify-content:center;align-items:center}.margin-auto{margin:auto}.margin-0{margin:0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-capitalize{text-transform:capitalize}.text-allcaps{text-transform:uppercase}.text-nocaps{text-transform:lowercase}.text-bold{font-weight:700}.text-hide-overflow{text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-family-bold{font-family:cool-bold,Arial,sans-serif}.text-family-regular{font-family:cool-regular,Arial,sans-serif}.text-family-light{font-family:cool-light,Arial,sans-serif}.w-h-100{grid-row:2/3;width:100%;height:100%}.w-100{width:100%}.h-100{height:100%}.w-h-fit{width:fit-content;height:fit-content}.w-fit{width:fit-content}.h-fit{height:fit-content}.relative{position:relative}.absolute{position:absolute}.absolute.full{inset:0}.fixed{position:fixed}.fixed.full{inset:0}.fast-trans{transition:all .3s ease-in-out}.normal-trans{transition:all .5s ease-in-out}.slow-trans{transition:all .75s ease-in-out}.very-slow-trans{transition:all 1s ease-in-out}
@font-face{font-family:cool-light;src:url(../media/CoolveticaCompressedRg-Regular-400.15wnznwnvcs4..ttf)format("truetype");font-display:swap}@font-face{font-family:cool-regular;src:url(../media/CoolveticaCondensedRg-Regular-400.12k_cvacljar3.ttf)format("truetype");font-display:swap}@font-face{font-family:cool-bold;src:url(../media/CoolveticaRg-Regular-400.0ioa6km0jjfll.ttf)format("truetype");font-display:swap}
:root{--prmclr1:#333230;--prmclr2:#e2e2e2;--prmclr3:#000;--prmclr4:#0a0a0a;--scdclr1:#504a48;--scdclr2:#1f1c1b;--scdclr3:#bcbcbc;--scdclr4:#f5f5f5;--scdclr5:#2a2a2a;--scdclr6:#8f8f8f;--scdclr7:#242424;--scdclr8:#0f0f0f;--scdclr9:#030303;--mnrclr1:#007bff;--mnrclr2:#39ff14;--mnrclr3:#dc143c;--mnrclr4:#110220;--mnrclr5:orange;--mnrclr6:#ffd300;--mnrclr7:#00093a}
header{background:var(--prmclr3);border-bottom:1px solid var(--scdclr6);z-index:2}header a{color:var(--scdclr6)}header a.logo{aspect-ratio:1;height:3.5rem}header a:hover,header a.active{color:var(--scdclr4)}header a.active{cursor:default;pointer-events:none}header form{max-width:4rem}header form:focus-within{max-width:250px}header form:focus-within svg{opacity:1}header form input{border:2px solid var(--mnrclr7);border-radius:.5rem;padding:.5rem .6rem}header form input:focus{border-color:var(--mnrclr2)}header form svg{z-index:1;opacity:0;width:1.75rem;height:1.75rem;fill:var(--scdclr3);position:absolute;top:.6rem;right:.5rem}header .user .image-container img{aspect-ratio:1;background:var(--scdclr6);border-radius:100%}header .header-contents .desktop-view{max-width:1200px;padding:1rem 2rem;font-size:1.75rem}header .header-contents .desktop-view .user-form-zone{gap:.5rem}header .header-contents .desktop-view .user-form-zone .user{cursor:pointer}header .header-contents .desktop-view .user-form-zone .user .image-container{aspect-ratio:1;min-width:2.5rem;max-width:2.5rem}header .header-contents .desktop-view .header-dropdown{z-index:1;background:var(--prmclr2);border:1px solid var(--prmclr2);border-radius:.25rem;margin-inline-end:1.9rem;padding:0;top:4rem}header .header-contents .desktop-view .header-dropdown:before{content:"";border-style:solid;border-width:8px;border-color:transparent transparent var(--prmclr2) transparent;position:absolute;bottom:100%;left:75%;transform:translate(-50%)}:is(header .header-contents .desktop-view .header-dropdown nav:has(>button:nth-child(2))>button:not(:last-child),header .header-contents .desktop-view .header-dropdown nav:has(>a:nth-child(2))>a:not(:last-child)){border-bottom:2px solid var(--prmclr1)}header .header-contents .desktop-view .header-dropdown nav button,header .header-contents .desktop-view .header-dropdown nav a{color:var(--prmclr1);padding:.5rem .75rem;font-size:1rem}:is(header .header-contents .desktop-view .header-dropdown nav button,header .header-contents .desktop-view .header-dropdown nav a):hover{color:var(--prmclr2);background:var(--prmclr1)}:is(header .header-contents .desktop-view .header-dropdown nav button,header .header-contents .desktop-view .header-dropdown nav a):first-child{border-radius:.5rem .5rem 0 0}:is(header .header-contents .desktop-view .header-dropdown nav button,header .header-contents .desktop-view .header-dropdown nav a):last-child{border-radius:0 0 .5rem .5rem}:is(header .header-contents .desktop-view .header-dropdown nav button,header .header-contents .desktop-view .header-dropdown nav a):only-child{border-radius:.5rem}:is(header .header-contents .desktop-view .header-dropdown nav button,header .header-contents .desktop-view .header-dropdown nav a):not(:first-child):not(:last-child){border-radius:0}:is(header .header-contents .desktop-view .header-dropdown nav button,header .header-contents .desktop-view .header-dropdown nav a) span{width:3.5rem}header .header-contents .mobile-view{grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr;padding:1rem;font-size:1.5rem}header .header-contents .mobile-view button:first-child,header .header-contents .mobile-view a{aspect-ratio:1;height:3rem}header .header-contents .mobile-view a{justify-self:center}header .header-contents .mobile-view button:first-child svg{fill:var(--scdclr3)}header .header-contents .mobile-view form{grid-area:2/1/auto/-1;max-width:200px;margin-block-start:.5rem}header .header-contents .mobile-view form:focus-within{max-width:400px}header .header-contents .mobile-view form input{font-size:.75rem}header .header-contents .mobile-view form svg{height:2rem;top:.2rem}header .header-contents .mobile-view .user{justify-self:end;width:2.5rem;height:2.5rem}
footer{background:var(--prmclr4);border-top:1px solid var(--scdclr6);z-index:1}footer .footer-contents{max-width:1264px}footer .footer-contents .links{gap:1rem}footer .footer-contents .links h2{font-size:1.75rem}footer .footer-contents .links a{color:var(--scdclr6);font-size:1.25rem}footer .footer-contents .links a:hover,footer .footer-contents .links a.active{color:var(--scdclr4)}footer .footer-contents .links a.active{cursor:default;pointer-events:none}footer .footer-contents .outside-links{gap:1rem}footer .footer-contents .outside-links .noffty-links a svg{max-width:90px;max-height:90px;fill:var(--scdclr6)}footer .footer-contents .outside-links .noffty-links a svg:first-child{stroke:var(--scdclr6);stroke-width:.25px;fill:none}footer .footer-contents .outside-links .noffty-links a svg:last-child{padding:.25rem;position:absolute;top:0;transform:scale(.4)}footer .footer-contents .outside-links .noffty-links a:hover svg{fill:var(--prmclr2)}footer .footer-contents .outside-links .noffty-links a:hover svg:first-child{stroke:var(--prmclr2);fill:none}footer .footer-contents .copyright{color:var(--scdclr6);place-self:end}@media (max-width:600px){footer .footer-contents{grid-gap:1rem;grid-template-rows:repeat(3,auto);grid-template-columns:1fr;padding:1rem}footer .footer-contents h2{margin:0 auto}footer .footer-contents .links{grid-template-columns:repeat(4,1fr)}footer .footer-contents .links h2{grid-column:1/-1}footer .footer-contents .links a{justify-self:center}}@media (min-width:601px){footer .footer-contents{grid-gap:1rem;grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr);padding:1rem 2rem}footer .footer-contents .links{grid-row:1/-1;grid-template-columns:1fr 1fr}footer .footer-contents .links h2{grid-column:1/-1}footer .footer-contents .outside-links{grid-area:1/2/auto/-1;justify-self:end}footer .footer-contents .outside-links h2{margin:0 auto;font-size:1.75rem}footer .footer-contents .outside-links .noffty-links{gap:2rem}footer .footer-contents .copyright{grid-area:2/2/auto/-1}}
.modal-wrapper aside{background:var(--prmclr1);border-right:1px solid var(--scdclr6);max-width:15rem;transform:translate(-100%)}.modal-wrapper aside.show{transform:translate(0)}.modal-wrapper aside .menu-header{padding:2rem 1rem;padding-block-end:1rem}.modal-wrapper aside .menu-header h3{color:var(--scdclr6);font-size:1.75rem}.modal-wrapper aside nav{border-top:1px solid var(--scdclr6);overflow-y:auto}.modal-wrapper aside nav a,.modal-wrapper aside nav button{color:var(--scdclr6);fill:var(--scdclr6);border-bottom:1px solid var(--scdclr6);gap:1rem;padding:1rem;font-size:1.25rem}:is(.modal-wrapper aside nav a,.modal-wrapper aside nav button).active{cursor:default;pointer-events:none}:is(.modal-wrapper aside nav a,.modal-wrapper aside nav button) svg{width:2rem;height:2rem}:is(.modal-wrapper aside nav a,.modal-wrapper aside nav button):last-child{border-bottom:none}:is(.modal-wrapper aside nav a,.modal-wrapper aside nav button):hover,:is(.modal-wrapper aside nav a,.modal-wrapper aside nav button).active{color:var(--scdclr4);fill:var(--scdclr4);background:var(--prmclr4)}
.modal-wrapper .login-form{background:var(--mnrclr4);color:var(--scdclr3);border:2px solid var(--scdclr5);border-radius:.5rem;margin:0 auto;padding:1rem}.modal-wrapper .login-form form{grid-template-columns:1fr 1fr;gap:.75rem}.modal-wrapper .login-form form .input-area{grid-column:1/-1}.modal-wrapper .login-form form .input-area:nth-child(2){position:relative}.modal-wrapper .login-form form .input-area:nth-child(2) button{z-index:1;position:absolute;bottom:0;right:.25rem}.modal-wrapper .login-form form .input-area:nth-child(2) button svg{width:2.25rem;height:2.25rem}.modal-wrapper .login-form form .form-actions{grid-column:1/-1;margin-block-start:.5rem}.modal-wrapper .login-form form .form-actions button{background-color:var(--prmclr1);color:var(--scdclr3);border-radius:.5rem;padding:.5rem .75rem;font-size:1.25rem}.modal-wrapper .login-form form .form-actions button:hover{background-color:var(--mnrclr1);color:var(--scdclr4)}@media (max-width:400px){.modal-wrapper .login-form{max-width:95vw}}@media (min-width:401px){.modal-wrapper .login-form{max-width:24rem}}