@keyframes moveInLeft{0%{opacity:0;transform:translate(-10rem)}80%{transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;transform:translate(10rem)}80%{transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}.dark .hero{background-image:url(./hero-dark-mode.489d9e20.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.dark .hero .title{color:#0ff}.light .hero{background-image:url(./hero-light-mode.5ac4607c.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.light .hero .greet{color:#fff}.light .hero .title{color:red;font-weight:100}.light .hero .name{color:#fff}.hero{align-items:center;display:flex;min-height:100dvh;position:relative}.hero,.hero .box{padding-inline:16px}.hero .box{animation-duration:1s;animation-name:moveInLeft;animation-timing-function:ease-in-out;background-color:#00000076;border-radius:5%;padding-block:16px}.hero .box .greet{font-size:62px;height:100px}.hero .box .name,.hero .box .title{font-weight:100;text-transform:uppercase}.hero .box .name{font-size:20px;margin-block-start:16px}.scroller{animation:bounce 2s infinite;border:2px dotted transparent;border-radius:50px;bottom:50px;cursor:pointer;left:44%;position:absolute;transform:translate(-5%);transition:all 1.5s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.scroller:hover{border:2px solid #2cdbda;border-radius:50px}.title[data-v-c123f65c]{font-size:28px;font-weight:100;font-weight:800;letter-spacing:10px;padding-block:140px;text-align:center;text-transform:uppercase}@media (max-width:1130px){.title[data-v-c123f65c]{padding-block:100px}}.section{display:flex;flex-direction:var(--91ae0898);justify-content:space-around}@media (max-width:1130px){.section{align-items:center;flex-direction:column;gap:70px;padding-inline:25px}}.section .left{animation-duration:1s;animation-name:moveInLeft;animation-timing-function:ease-in-out;display:flex;flex-direction:column;gap:35px;max-width:545px}.section .left .heading{font-weight:100;letter-spacing:10px;text-transform:uppercase}.section .left .description{font-size:16px;line-height:26px}.section .left .group{display:flex;flex-wrap:wrap;gap:16px}@media (max-width:1130px){.section .left .group{justify-content:center}}.section .left .group .item{border:1px solid;border-color:unset;border-radius:20px;list-style:none;padding-block:8px;padding-inline:15px}.section .right{animation-duration:1s;animation-name:moveInRight;animation-timing-function:ease-in-out}.section .right .image{border-radius:25px;max-width:445px}.dark body{background:#1f141d;background:linear-gradient(160deg,#1f141d,#1f141e 0,#462520);background:-webkit-linear-gradient(180deg,#1f141d,#1f141e 0,#462520)}.dark .item{border:1px solid #2cdbda}.light .section{background-color:#fff;color:#fff}.light .item,.light .section .description,.light .section .heading{color:#221520}.light .item{border:1px solid red}@keyframes moveInLeft-33ef0e43{0%{opacity:0;transform:translate(-10rem)}80%{transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInRight-33ef0e43{0%{opacity:0;transform:translate(10rem)}80%{transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}.dark .form-container[data-v-33ef0e43]{background-image:linear-gradient(105deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.9) 50%,transparent 0),url(./hero-dark-mode.489d9e20.png)}.light .section[data-v-33ef0e43]{color:#221520}.light .form-container[data-v-33ef0e43]{background-image:linear-gradient(105deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.9) 50%,transparent 0),url(./hero-light-mode.5ac4607c.png)}.section[data-v-33ef0e43]{padding-block-end:150px;padding-inline:150px}@media (max-width:1130px){.section[data-v-33ef0e43]{padding-inline:25px}}.heading[data-v-33ef0e43]{color:#221520;font-weight:100;letter-spacing:5px;margin-bottom:50px;text-transform:uppercase}.form-container[data-v-33ef0e43]{background-size:cover;border-radius:25px;box-shadow:0 1.5px 40px #0000004d;width:100%}.form-items[data-v-33ef0e43]{padding:60px;width:50%}@media (max-width:1130px){.form-items[data-v-33ef0e43]{width:100%}}.form__group[data-v-33ef0e43]:not(:last-child){margin-bottom:20px}.form__input[data-v-33ef0e43]{background-color:#ffffff80;border:none;border-bottom:3px solid transparent;border-radius:4px;display:block;font-family:inherit;font-size:15px;padding:15px 20px;transition:all .3s;width:70%}.form__input[data-v-33ef0e43]::-webkit-input-placeholder{color:#676767}.form__input[data-v-33ef0e43]:focus{border-bottom:3px solid #01ff23;box-shadow:0 16px 20px #0000001a;outline:none}.form__input[data-v-33ef0e43]:focus:invalid{border-bottom:3px solid #ff4500}.form__label[data-v-33ef0e43]{color:#221520;display:block;font-size:12px;font-weight:700;margin-left:20px;margin-top:.7rem;transition:all .3s}.form__input:-moz-placeholder-shown+.form__label[data-v-33ef0e43]{opacity:0;transform:translateY(-40px);visibility:hidden}.form__input:placeholder-shown+.form__label[data-v-33ef0e43]{opacity:0;transform:translateY(-40px);visibility:hidden}.form__group-radio[data-v-33ef0e43]{align-items:center;display:flex}@media (max-width:1130px){.form__group-radio[data-v-33ef0e43]{flex-direction:column;gap:25px}}.form__radio-group[data-v-33ef0e43]{width:50%}.form__radio-input[data-v-33ef0e43]{display:none}.form__radio-label[data-v-33ef0e43]{color:#221520;cursor:pointer;font-size:16px;padding-left:55px;position:relative}@media (max-width:600px){.form__radio-label[data-v-33ef0e43]{color:#fff}}.form__radio-button[data-v-33ef0e43]{border:5px solid #c99862;border-radius:50%;display:inline-block;height:20px;left:-1px;position:absolute;top:-5px;width:20px}.form__radio-button[data-v-33ef0e43]:after{background-color:#ffae00;border-radius:50%;content:"";height:16px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:16px}.form__radio-input:checked~.form__radio-label .form__radio-button[data-v-33ef0e43]:after{opacity:1}.form .btn[data-v-33ef0e43]{background-color:#c99862;border:none;border-radius:25px;color:#fff;cursor:pointer;margin-top:56px;padding:15px 19px;text-transform:uppercase;transition:all .2s}.form .btn[data-v-33ef0e43]:hover{box-shadow:0 16px 20px #0003;transform:translateY(-3px)}.form .btn[data-v-33ef0e43]:hover:after{opacity:0;transform:scaleX(1.4) scaleY(1.6)}.form .btn[data-v-33ef0e43]:active,.form .btn[data-v-33ef0e43]:focus{box-shadow:0 5px 16px #0003;outline:none;transform:translateY(-1px)}.projects[data-v-8737fe65]{display:flex;flex-direction:column;gap:160px}@media (max-width:1130px){.projects[data-v-8737fe65]{gap:70px}}
