.whatIDO{opacity:1;height:100vh;width:var(--cWidth);z-index:20;justify-content:center;place-items:center;max-width:1920px;margin:auto;display:flex;position:relative}.what-box{z-index:20;justify-content:center;width:50%;display:flex;position:relative}.what-box h2{margin-bottom:100px;margin-right:10%;font-size:calc(4vw + 25px);font-weight:600;line-height:calc(4vw + 20px)}.hat-h2{font-style:italic}.do-h2{color:var(--accentColor)}.what-box-in{flex-direction:column;height:500px;margin-left:200px;display:flex;position:relative}.what-content{box-sizing:border-box;width:450px;height:33%;min-height:50%;padding:50px;transition:all .5s;position:relative}.what-noTouch:hover,.what-content-active{min-height:67%;padding:40px 50px}.what-noTouch:hover~.what-content,.what-box-in:hover .what-noTouch:not(:hover),.what-content.what-sibling{min-height:33%;padding:10px 50px}.what-content h3{letter-spacing:1px;margin:0;font-size:35px}.what-content p{letter-spacing:.7px;font-size:14px;font-weight:200;line-height:18px}.what-content h4{letter-spacing:1px;opacity:.3;margin:0;font-size:14px;font-weight:300}.what-content-in{opacity:0;animation:.5s 1s forwards whatFlicker}@keyframes whatFlicker{0%,25%,35%,60%{opacity:0}30%,50%,40%,to{opacity:1}}.what-content:before,.what-corner:before,.what-content:after,.what-corner:after{content:"";opacity:0;border:4px solid #fff;width:10px;height:10px;animation:.2s .5s forwards whatCorners;position:absolute}@keyframes whatCorners{to{opacity:1}}.what-content:before{border-bottom:none;border-right:none;top:-2px;left:-2px}.what-corner:before{border-bottom:none;border-left:none;top:-2px;right:-2px}.what-content:after{border-top:none;border-right:none;bottom:-2px;left:-2px}.what-corner:after{border-top:none;border-left:none;bottom:-2px;right:-2px}.what-arrow{border:1px solid #fff;width:25px;height:25px;position:absolute;bottom:20px;right:20px}.what-arrow:before{content:"";border-bottom:1px solid #fff;border-left:1px solid #fff;width:10px;height:10px;transition:all .5s;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.what-noTouch:hover .what-arrow:before,.what-content-active .what-arrow:before{transform:translate(-50%,-20%)rotate(-225deg)}.what-border1{opacity:.8;width:100%;max-width:0%;height:100%;transition:all .5s;animation:1.2s forwards whatBorders;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.what-border1 svg{width:450px;position:absolute;left:50%;transform:translate(-50%)}.what-border2{opacity:.8;width:100%;height:100%;max-height:0%;transition:all .5s;animation:1.2s forwards whatBorders;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.what-border2 svg{height:500px;position:absolute;top:50%;transform:translateY(-50%)}.what-content-in{height:100%;overflow:hidden}.what-content-in h5{opacity:.5;letter-spacing:1px;font-size:12px;font-weight:300;font-family:var(--font-geist-sans),sans-serif;margin-bottom:5px}@keyframes whatBorders{80%{opacity:.8}to{opacity:.2;max-width:100%;max-height:100%}}.what-content-flex{flex-wrap:wrap;gap:5px;display:flex}.what-tags{background-color:#ffffff26;border:1px solid #ffffff50;border-radius:30px;padding:2px 7px;font-size:13px;font-weight:400}@media only screen and (max-width:1600px){.what-box h2{margin-right:18%}}@media only screen and (max-width:1400px){.what-box h2{margin-right:20%}.what-box-in{height:400px}.what-content h3{font-size:28px}.what-content{width:400px;padding:30px}.what-content p{font-size:13px}.what-noTouch:hover,.what-content-active{padding:20px 30px}.what-noTouch:hover~.what-content,.what-box-in:hover .what-noTouch:not(:hover),.what-content.what-sibling{padding:10px 30px}.what-tags{font-size:12px}.what-box-in{margin-left:50px}.what-content{width:380px}}@media only screen and (max-width:1024px){.whatIDO{height:auto;padding:50px 0}.what-box-in{height:500px;margin-left:-50px}.what-content{width:500px;padding:50px}.what-content p{font-size:14px}.what-noTouch:hover,.what-content-active{min-height:67%;padding:50px}.what-noTouch:hover~.what-content,.what-box-in:hover .what-noTouch:not(:hover),.what-content.what-sibling{min-height:33%;padding:10px 50px}}@media only screen and (max-width:900px){.whatIDO{flex-direction:column;justify-content:space-between;padding:100px 0}.what-box h2{margin:0;font-size:55px;line-height:53px}.what-box:first-child{justify-content:center;margin-bottom:50px}.what-box:last-child{height:500px;margin-top:50px}.what-box{width:500px;max-width:calc(100% - 50px);margin:auto}.what-content{width:100%}.what-box-in{height:450px;margin-left:0}.what-content h5,.what-content-flex{opacity:0;transition:all .3s}.what-noTouch:hover h5,.what-content-active h5,.what-noTouch:hover .what-content-flex,.what-content-active .what-content-flex{opacity:1}.what-content{padding:30px}.what-content p{font-size:11px}.what-noTouch:hover,.what-content-active{padding:10px 30px}.what-tags{font-size:11px}.what-noTouch:hover~.what-content,.what-box-in:hover .what-noTouch:not(:hover),.what-content.what-sibling{padding:5px 30px}.what-content h3{font-size:25px}}@media only screen and (max-width:550px){.whatIDO{place-items:inherit;justify-content:left;align-items:start}.what-box{max-width:calc(100% - 25px);margin:0}}@media only screen and (min-width:1950px){.what-box h2{font-size:7rem;line-height:6.8rem}}@media screen and (min-width:1025px){.what-box:first-child{justify-content:flex-end;padding-right:16%}.what-box:last-child{justify-content:flex-start;padding-left:16%}.what-box-in{margin-left:0}.what-box h2{margin-right:0}}