form{display:flex;flex-direction:column;gap:1.5rem;width:100%;padding:3rem 3rem 3rem 0}form label{color:var(--light);font-family:Inconsolata,sans-serif}form input,form textarea{background-color:var(--light);border:none;border-radius:2px;font-size:1.4rem;font-family:Inconsolata,sans-serif;padding:5px}form textarea{resize:vertical}form button{margin-top:1.5rem;color:var(--light);font-size:1.5rem;padding:.5rem;font-family:DM Sans,sans-serif;font-weight:700;align-items:center;background-color:var(--dark);border:2px solid var(--light);border-radius:8px;cursor:pointer;display:flex;height:50px;justify-content:center;line-height:24px;max-width:100%;position:relative;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}form button:after{background-color:var(--light);border-radius:8px;content:"";display:block;height:50px;left:0;width:100%;position:absolute;top:-2px;transform:translate(8px,8px);transition:all .2s ease-out;z-index:-1}form button:hover:after{transform:translate(0)}form button:active{background-color:#0c1717;outline:0}form button:hover{outline:0}._form_row_m34fl_73{width:100%;display:flex;flex-direction:column;gap:.5rem}body{margin:0;background-color:#080f0f;font-family:sans-serif;width:100vw;max-width:100%;overflow-x:hidden}.marquee-container{height:45px;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px 0}.marquee{margin:0}.marquee{display:flex;gap:50%;position:relative;animation:scroll 20s linear infinite;padding:3px}.marquee p{white-space:nowrap}.marquee:hover{animation-play-state:paused}.img1{width:150px;height:150px;background-color:#f6f6f6;margin:3px;float:left}@keyframes scroll{0%{left:100%}to{left:-100%}}section{padding:3rem}section h2,section h1{grid-column-start:1;grid-column-end:3;font-size:3.5rem;margin-bottom:1rem}#contact{display:grid;grid-template-rows:auto auto;grid-template-columns:minmax(200px,600px) auto}#contact h2{grid-column:1/2}#contact h3{grid-column:2/3;color:var(--light);font-size:2rem;margin:0;align-self:center;justify-self:center}section.light{display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(300px,35%) auto;row-gap:1.5rem;column-gap:3rem;background-color:var(--light)}section.light .about-text{grid-column:1/2;grid-row:2/3;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-evenly}section.light .about-text a{text-decoration:underline}section.light .about-card{grid-column:2/3;display:flex;width:100%;background-color:var(--dark);gap:1.5rem;border-radius:7px}section.light .content .about-text{grid-column:1/3;display:flex;flex-direction:column;gap:1.5rem}section.light div.jenga-container{width:clamp(120px,25%,300px);height:100%}section.light .about-card ul{grid-column:1/2;flex:3;font-weight:500;font-size:1.25rem;padding:1.5rem 0rem 1.5rem 3rem;margin:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:.25rem}section.light .about-card ul li{color:var(--light);font-family:DM Sans,sans-serif}section.light .about-card ul li a{font-family:inherit}section.light .about-card .img-container{flex:4;position:relative}section.light .about-card .img-container img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;border-radius:0 7px 7px 0}section.light h1,section.light h2,section.light h3,section.light h4,section.light h5,section.light p,section.light ul,section.light ol,section.light li{color:var(--dark)}.falling-text-container span{font-family:DM Sans,sans-serif;font-weight:700;color:var(--light)}.shape-controls,.mode-controls{display:flex;background-color:var(--dark);position:absolute;border:1px solid var(--border);width:150px;height:42px;right:30%;bottom:9%;justify-content:space-evenly;align-items:center;background:#e0e0e0;border-radius:10px;background:#080f0f;box-shadow:inset 2px 2px 3px 1px #040707,inset -2px -2px 3px 1px #151919}.shape-controls button,.mode-controls button{width:30px;padding:0 6px;background-color:transparent;height:100%}.shape-controls button.active *,.mode-controls button.active *{fill:var(--light)}.shape-controls button *,.mode-controls button *{width:100%;fill:var(--border);transition:fill .25s ease-out,stroke .25s ease-out;pointer-events:none}.shape-controls button:hover *,.mode-controls button:hover *{fill:var(--light-muted)}.mode-controls{right:calc(30% + 200px);width:100px}.mode-controls button:first-of-type *{stroke:var(--border)}.mode-controls button:first-of-type:hover *{stroke:var(--light-muted)}.mode-controls button:first-of-type.active *{stroke:var(--light-muted)}ul,li{margin:0}ul{display:flex;font-weight:500;gap:4rem}li{list-style-type:circle}li a{position:relative}li a:after{position:absolute;content:"";width:0;bottom:-3px;left:0;height:1px;background-color:var(--light);transition:width .3s ease-out}li:hover{list-style-type:disc}li:hover a:after{width:100%}main{position:relative;width:100vw;overflow-x:hidden;height:calc(100vh - 45px)}main .img-cont{width:100px;position:absolute;top:3rem;left:3rem;mix-blend-mode:difference}main .img-cont img{background-color:#080f0f;border-radius:5px;width:100%;height:max-content}div.overlay-content{position:absolute;top:50%;transform:translateY(-50%);left:5%;width:50%;height:50%;padding:1rem 2rem;backdrop-filter:blur(3px);border-radius:4px;background-color:#080f0fbf}div.main-content{position:absolute;top:50%;transform:translateY(-50%);left:0;max-width:40%;width:min-content;height:100%;padding:1rem 3rem;display:flex;flex-direction:column;gap:2rem;justify-content:center;transition:all .5s ease-in-out;mix-blend-mode:difference}div.main-content div:has(>h2){width:min-content}div.main-content h2{margin:0;font-size:4rem;line-height:1.1;width:fit-content;background-color:var(--light);background-clip:text;backdrop-filter:hue-rotate(50deg)}.cool-cont{position:relative;width:min-content}.cool-cont .actual{visibility:hidden}.cool-cont .dummy{position:absolute;top:0;height:100%;line-height:unset;width:100%;left:0;overflow:hidden;transition:width .5s ease-out}.cool-cont .dummy span{line-height:1.1}.cool-cont .dummy.big{transition:width .5s ease-out}.cool-cont .dummy .extra-os div:nth-child(1){--delay: .1s}.cool-cont .dummy .extra-os div:nth-child(2){--delay: .2s}.cool-cont .dummy .extra-os div:nth-child(3){--delay: .3s}.cool-cont .dummy .extra-os div:nth-child(4){--delay: .4s}.cool-cont .dummy.big .extra-os{opacity:1}.cool-cont .dummy.big .extra-os div{animation:pop-in .5s var(--delay) ease-out forwards}.cool-cont .dummy .extra-os div{transform:translateY(0)}.cool-cont .dummy .extra-os{opacity:0;display:flex;height:100%;position:absolute;bottom:-1.6ch;left:2.45ch}.cool-cont .dummy .l{position:absolute;right:0}#bot-field{display:none}@keyframes pop-in{0%{transform:translateY(0)}80%{transform:translateY(-1.8ch)}to{transform:translateY(-1.6ch)}}@media only screen and (max-width: 1250px){section.light h1{grid-column:1/4}section.light .about-text{grid-column:1/4}section.light .about-card{margin-top:2rem;grid-column:1/4}section.light .about-card ul{flex:4}div.main-content{max-width:100%}#contact{grid-template-columns:auto}#contact form{grid-column:1/3;padding:3rem 0}#contact h2,#contact h3,#contact .falling-text-container{grid-column:1/3}}@media only screen and (max-width: 800px){main:has(nav.open) .main-content{transform:translate(-120%,-50%)}div.main-content{width:80%}section.light .jenga-container{display:none}section.light .about-card{flex-direction:column}section.light .about-card .img-container{position:static;width:100%}section.light .about-card .img-container img{position:static;border-radius:0 0 7px 7px;display:block;object-fit:cover}.shape-controls{left:50%;transform:translate(-50%)}.mode-controls{display:none}}@media only screen and (max-width: 500px){section{padding:2rem}section h2,section h1{font-size:2.5rem}#contact h3{font-size:1.5rem}section.light{grid-template-columns:auto;row-gap:.75rem}div.main-content{padding:1rem 2rem}}@media only screen and (max-width: 400px){div.main-content h2{font-size:3.5rem}}