.lightswitch{justify-content:center;align-items:center;height:256px;margin-top:10rem;display:flex}.lightswitch button{cursor:pointer;background-color:#0000;border:none;width:256px;height:256px;position:relative}.lightswitch img{width:100%;height:100%;position:absolute;top:0;left:0}.lightswitch img:nth-of-type(2),.lightswitch img:nth-of-type(3),.lightswitch img:nth-of-type(4){display:none}.opening{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;margin-top:0;margin-bottom:30rem;display:flex}.opening .qotd-container,.opening .title{justify-content:center;align-items:center;display:flex}.opening .qotd{background:linear-gradient(to bottom left,#b92d2d,#cf8484);border-radius:2rem;width:18.75rem;height:20rem;padding:1rem}.dark :is(.opening .qotd){color:#1a1a1a!important;background:linear-gradient(to bottom left,#ee7b1d,#ff9a47)!important}.opening .qotd q{text-align:left;margin:2rem;font-size:1.5rem;font-style:italic;display:block}.opening .qotd fieldset{text-align:center;border:none;width:100%;height:100%;position:relative}.opening .qotd fieldset legend{background-color:#919191;border:.2rem solid #000;padding:.5rem;font-size:1.4rem;position:absolute;bottom:-2.4rem;left:50%;transform:translate(-50%)}.dark :is(.opening .qotd fieldset legend){color:#fff!important;background-color:#4b4b4b!important}.opening h1{font-family:Orbitron;font-size:3em}.opening h1 .capital{color:#9c2222;font-size:6rem;font-weight:700}.dark :is(.opening h1 .capital){color:#ff821c!important}.opening h1 .tword{letter-spacing:.5rem;display:block}.dark :is(.opening h1 .tword){color:#fff!important}.opening h1 .tword:nth-of-type(2){margin-left:1rem}.dark :is(.opening h1 .tword:nth-of-type(2)){color:#fff!important}.opening h1 .tword:nth-of-type(3){margin-left:2rem}.dark :is(.opening h1 .tword:nth-of-type(3)){color:#fff!important}.welcome{flex-wrap:wrap;justify-content:center;align-items:center;column-gap:7rem;margin:10rem auto;padding:3rem;display:grid}.welcome h1{color:#9c2222;font-size:2.4rem}.dark :is(.welcome h1){color:#ff821c!important}.welcome hr{color:#000;border:.1rem solid;width:12em;margin:1.3rem 0}.dark :is(.welcome hr){color:#fff!important}.welcome p{margin-bottom:4rem}.welcome .socials{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;margin-top:4rem;padding-inline:calc(50% - 7.75rem);display:flex}.welcome .socials .imagefade{width:6.25rem;height:6.25rem}.welcome .overtext{font-size:2rem}.welcome .soctext{padding-top:3rem}.projects{background-image:url(/assets/kufobg-DKS2hVwZ.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;border:.5rem solid #000;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;width:95%;max-width:90rem;min-height:32.5rem;margin:10rem auto;padding:3rem;display:flex}.projects>div:first-child{flex:0 0 100%;order:1;justify-content:center;align-items:center;display:flex}.projects h1{text-align:right;font-size:2.4rem}.projects hr{color:#fff;border:.1rem solid;width:16rem;margin:1.3rem 0 1.3rem auto}.projects .overtext{font-size:1.2rem}.projects .imagefade{width:12.5rem;height:9.375rem}.projects .text{text-align:right;color:#fff;background-color:#0f0f0f71;border-radius:1.3rem;width:100%;padding:1.3rem;overflow:hidden}.projects>div:last-child{flex:0 0 100%;justify-content:center;align-items:center;max-width:30rem;display:flex}.gallerymain{z-index:0;position:relative}.gallery{aspect-ratio:8/3;z-index:-1;border-radius:1.3rem;width:90%;max-width:80rem;margin:10rem auto;position:relative;overflow:hidden}.gallery img{width:100%;height:100%;transition:left 1s;position:absolute;top:50%;transform:translateY(-50%)}.gallery button{z-index:56;color:#fff;text-shadow:0 0 .3rem #000;cursor:pointer;background:0 0;border:none;width:3rem;height:3rem;font-size:5rem;position:absolute;top:50%;transform:translateY(-50%)scale(.5)}.gallery button:first-of-type{margin-left:2.4rem;left:0}.gallery button:nth-of-type(2){margin-right:2.4rem;right:0}.gallery #galery-active-img{left:0}.suggestions{justify-content:center;align-items:center;width:100%;max-width:90rem;height:25rem;margin:15rem auto;padding:3rem;display:flex;position:relative}.suggestions .text{width:100%;max-width:55rem;margin-bottom:4rem}.dark :is(.suggestions .text){color:#fff!important}.suggestions h1{text-align:right;color:#9c2222;font-size:2.4rem}.dark :is(.suggestions h1){color:#ff821c!important}.suggestions hr{color:#000;border:.1rem solid;width:12em;margin:1.3rem 0 1.3rem auto}.dark :is(.suggestions hr){color:#fff!important}.suggestions p{text-align:right;text-shadow:.1rem .1rem .2rem #000;transform:translateZ(10px)}.suggestions img{filter:drop-shadow(.7rem .7rem 2rem #0f0f0f71);background-clip:content-box;margin-right:10rem;transform:scale(2)rotate(30deg)translateZ(-10px)}.suggestions div:first-child{background-image:url(/assets/lightbulb-bg-BtJg-zDG.png);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:absolute;top:0;left:0}.dark :is(.suggestions div:first-child){background-image:url(/assets/lightbulbon-bg-DEqSa8J9.png)}.suggestions div:first-child img{display:none}.suggestions button{color:#fff;cursor:pointer;background-color:#9c2222;border:.15rem solid #661818;border-radius:1rem;width:3rem;margin:1rem;padding:.2rem;font-family:Futura Bold;transform:scale(1.5);box-shadow:.2rem .2rem 1rem #00000071}.dark :is(.suggestions button){color:#000!important;background-color:#fcac34!important;border-color:#9e6309!important}.text{flex-wrap:wrap;max-width:50rem;font-size:1.3rem}.dark .text{color:#fff!important}.borderings{z-index:1;opacity:0;border:.15rem solid #fff;border-radius:1.3rem;transition:top .3s,bottom .3s,left .3s,right .3s,opacity .3s;position:absolute;inset:5rem}.galfs:has(legend:hover)+.gallery .borderings{opacity:.5;display:block;inset:3rem}.dots{justify-content:center;gap:.1rem;display:flex;position:absolute;inset:90% 0 0}.dots .dot{border-radius:100%;width:.7rem;height:.7rem;transform:scale(.5);box-shadow:0 0 .3rem #000}.galfs{text-align:center;border:none;height:1rem;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)scale(.75)}.galfs legend{z-index:8;background-color:#919191;border:.2rem solid #000;justify-content:center;align-items:center;width:20rem;height:3.7rem;padding:.5rem;font-size:1.4rem;transition:width .3s;display:flex;position:absolute;top:-2rem;left:50%;transform:translate(-50%)}.dark :is(.galfs legend){background-color:#4b4b4b}.galfs legend:hover{width:15rem}.galfs .legendary-hoverer legend{width:15rem}@media (min-width:576px){.opening .qotd{width:25rem}.welcome div:nth-of-type(2) .imagefade{width:50%}.welcome .socials{gap:1rem;padding-inline:0}.suggestions hr{width:16em}}@media (min-width:768px){.opening h1 .tword:nth-of-type(2){margin-left:2rem}.opening h1 .tword:nth-of-type(3){margin-left:4rem}.opening .qotd{width:40rem}.projects hr{width:18rem}.gallerymain button{transform:scale(.75)translateY(-50%)}.dots{gap:.3rem}.dots .dot{transform:scale(.75)}}@media (min-width:992px){.opening h1 .tword:nth-of-type(2){margin-left:3rem}.opening h1 .tword:nth-of-type(3){margin-left:6rem}.opening .qotd{width:50rem}.welcome div:first-of-type{grid-area:1/1/2/2}.welcome div:nth-of-type(2){grid-area:1/2/3/3}.welcome div:nth-of-type(3){grid-area:2/1/3/2}.welcome div:nth-of-type(2) .imagefade{width:100%}.welcome .soctext{padding-top:0}.projects>div:first-child,.projects>div:last-child{flex-basis:48%;order:0}.projects>div:first-child{padding-right:10rem}.projects hr{width:20rem}.projects{background-position:50%;background-attachment:fixed}.gallerymain button{transform:scale(1)translateY(-50%)}.dots{gap:.5rem}.dots .dot{transform:scale(1)}.galfs{transform:scale(1)translate(-50%)}}@media (min-width:1200px){.suggestions div:first-child{background:0 0;position:static}.suggestions div:first-child img:first-child{display:block}.dark :is(.suggestions div:first-child){background:0 0}.dark :is(.suggestions div:first-child) img:first-child{display:none}.dark :is(.suggestions div:first-child) img:last-child{display:block}.opening h1 .tword:nth-of-type(2){margin-left:5rem}.opening h1 .tword:nth-of-type(3){margin-left:10rem}}@media (min-width:1400px){.opening .qotd{width:60rem}}