*{box-sizing:border-box;margin:0;padding:0;color:#000;font-family:Lexend,sans-serif;font-size:1rem}:root{overflow:hidden}body{background-color:#e7e7e7}ul{list-style-type:none}button{all:unset;box-sizing:border-box;cursor:pointer}::selection{background:#a1a1a1;color:#000}canvas{position:fixed;top:0;left:0}main{width:100%}main section{width:100%}main section .top-half{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;gap:15px}main section .card{display:flex;flex-direction:column;gap:5px;font-family:monospace;font-size:larger;z-index:1;margin-left:50%;margin-right:5%;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility 0s linear .3s}main .active-section .card{visibility:visible;opacity:1;transition:opacity .3s ease-in-out .3s}main section .card .main-content{display:flex;flex-direction:column;gap:15px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000001b;padding:clamp(1.4rem,3vw,3rem)}main section .narrow-card .main-content{padding-top:clamp(.5rem,3vw,1.5rem);padding-bottom:clamp(.5rem,3vw,1.5rem)}main section .card:before{content:attr(data-name);font-size:clamp(1.5rem,4.5vw,2rem);font-weight:800;padding-left:clamp(.5rem,3vw,3rem);background:linear-gradient(180deg,#092269 20%,#1dcab394);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Lexend,sans-serif}main .section-0{z-index:-1}main .section-0 .greeting{height:100vh;display:flex;flex-direction:column;justify-content:center;margin-left:55%}main .section-0 .greeting-lines-wrapper{background:linear-gradient(180deg,#092269,#158d7d94 90%,#0000 110%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}main .section-0 .greeting-lines-wrapper div .typed-cursor{background:linear-gradient(180deg,#51a59abb,#57aa9f6b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}main .section-0 p,main .section-0 span{font-size:clamp(1rem,4.5vw,4.8rem)}main .language-info{display:flex}main .language-info .language-list{display:flex;flex-direction:column}main .language-list-names li{font-weight:700}main .language-list-levels{margin-left:15px}main .language-list-levels li{flex-grow:1;display:flex;align-items:center;gap:5px}main .language-list-levels li .language-level{height:10px;width:25px;border-radius:100rem;background-color:#b3b3b3;padding:5px}main .language-list-levels li .language-level-break{height:50%;margin:0 2px;width:1px;background-color:#b3b3b3}main .language-list-levels li .reached-level{background:linear-gradient(-120deg,#092269,#1dcab394)}#form .contact-box{display:flex;flex-direction:column;gap:20px}#form .contact-box .contact-info{display:flex;gap:20px}#form .contact-box input{all:unset;box-sizing:border-box;background-color:#b3b3b3;border-radius:12px;padding:10px 20px;width:100%}#form .contact-box textarea{all:unset;box-sizing:border-box;background-color:#b3b3b3;border-radius:12px;padding:10px 20px;width:100%;height:40vh;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;resize:vertical}#form .contact-box input::placeholder,textarea::placeholder{color:#000;opacity:.3}#form button{box-sizing:border-box;background-color:#b3b3b300;border-radius:12px;padding:10px 20px;width:fit-content;border:solid 1px #929292;margin-left:auto}#form button:hover{border:solid 1px rgb(179,179,179);background-color:#b3b3b3}#form button:active{border:solid 1px #929292;background-color:#929292;color:#fff}.language-toggle{border-radius:10px;border:1px solid #929292;position:absolute;top:30px;left:30px;display:flex;background-color:#e7e7e7;overflow:hidden}.language-toggle>button{padding:10px}.language-toggle .deutsch{border-left:1px solid #929292}.language-toggle .selected-language{background-color:#929292;color:#fff}.dotted-scrollbar{position:fixed;top:50%;transform:translateY(-50%);right:clamp(.2rem,1.5vw,1rem);display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000002f;border-radius:100rem}.dotted-scrollbar:hover{cursor:pointer}.dot-wrapper{display:flex;justify-content:center;align-items:center;padding:5px 8px}.dot-wrapper:first-child{padding:12px 8px 5px}.dot-wrapper:last-child{padding:5px 8px 12px}.dot{height:13px;width:13px;border-radius:100rem;background-color:#d3d3d3;transition:all .25s}.dot-selected{background-color:#fff;height:25px}.arrow-circle{width:40px;height:40px;border-radius:100rem;background-color:#0000002f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none}.arrow-circle-up:active{width:35px;height:35px;transform:translate(-2.5px,-2.5px)}.arrow-circle-down:active{width:35px;height:35px;transform:translate(-2.5px,-2.5px) rotate(180deg)}.arrow-circle:active .arrow-left-wing{left:3.85px;top:13px;width:18px;height:6px;background-color:#e6e6e6}.arrow-circle:active .arrow-right-wing{left:12.85px;top:7px;width:18px;height:6px;background-color:#e6e6e6}.arrow-circle-up{position:fixed;bottom:62px;right:15px}.arrow-circle-down{transform:rotate(180deg);position:fixed;bottom:15px;right:15px}.arrow-circle .arrow-wing{width:20px;height:7px;background-color:#fff;border-radius:100rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.arrow-circle .arrow-left-wing{transform:rotate(-45deg);position:relative;left:4.85px;top:15px}.arrow-circle .arrow-right-wing{transform:rotate(45deg);position:relative;left:14.85px;top:8px}.container{margin:0 auto;max-width:1600px}.bold{font-weight:700}@media(max-width:1200px){#form .contact-box textarea{height:23vh}main section .top-half{justify-content:unset;padding-top:5vh}main section .top-half .card{margin-left:8%;margin-right:8%}main .section-0 .greeting{margin:auto;position:relative;bottom:22vh}main .section-0 .greeting .greeting-lines-wrapper{display:flex;flex-direction:column;align-items:center}main .section-0 p,main .section-0 span{font-size:clamp(2rem,8.5vw,5rem)}}@media(max-width:600px){.simple-level{display:none}.language-list-levels li div:last-of-type{display:none}main .section-0 p,main .section-0 span{font-weight:500}.dotted-scrollbar{display:none}.arrows-wrapper .arrow-circle{display:block}}@media(max-width:450px){main section .card:before{font-size:clamp(1rem,5.4vw,1.45rem)}main .language-list-levels li{flex-grow:1;display:flex;align-items:center;gap:0px}.language-list-levels li .language-level-break{display:none}main .language-list-levels li .language-level{width:clamp(15px,5vw,25px);height:12px;border-radius:0;padding:0}main .language-list-levels li .language-level:first-child{border-radius:100rem 0 0 100rem;height:12px}main .language-list-levels li .language-level:nth-last-child(3){border-radius:0 100rem 100rem 0;height:12px}main .language-list-levels li .reached-level{background:linear-gradient(-120deg,#092269,#1dcab394)}}@media(max-width:300px){main .section-0 p,main .section-0 span{font-size:10vw}}