@charset "UTF-8";#contact{padding-top:50px;margin-bottom:50px;width:100%;box-sizing:border-box}@media (max-width:1100px){#contact{display:flex;flex-direction:column;justify-content:center;align-items:center}}#contact form{display:grid;grid-template-rows:70px 70px 175px 50px;grid-template-columns:1fr 1fr;grid-row-gap:30px;row-gap:30px;-moz-column-gap:0;grid-column-gap:0;column-gap:0;box-sizing:border-box;width:600px;margin:auto;padding-top:50px}#contact form .input-group{display:flex;flex-direction:column;justify-content:center;row-gap:10px;position:relative}@media (max-width:500px){#contact form .input-group{width:80%!important}}#contact form .input-group label{padding-left:16px}#contact form .input-group label strong{font-weight:300;font-size:12px;color:red;font-style:italic;position:absolute;left:16px;bottom:-20px}#contact form .input-group input[type=email],#contact form .input-group input[type=text],#contact form .input-group textarea{height:40px;border-radius:25px;border:3px solid transparent;box-shadow:0 0 10px 3px rgba(113,2,12,.2);padding-left:15px;box-sizing:border-box;outline:none}#contact form .input-group input[type=email]:focus,#contact form .input-group input[type=text]:focus,#contact form .input-group textarea:focus{border:3px solid #b2bcff;box-shadow:0 0 10px 3px rgba(169,70,118,.4)}#contact form .input-group input[type=email].incorrect-field,#contact form .input-group input[type=text].incorrect-field,#contact form .input-group textarea.incorrect-field{border:3px solid rgba(255,0,0,.2);background-color:rgba(255,0,0,.1);box-shadow:0 0 10px 3px rgba(169,70,118,.8)}#contact form .input-group textarea{padding-top:15px;height:120px;resize:none}@media (max-width:700px){#contact form{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}}#contact form #form-email{grid-area:1/1/2/2;width:90%;justify-self:start}@media (max-width:700px){#contact form #form-email{width:50%}}#contact form #form-company{grid-area:1/2/1/3;width:90%;justify-self:end}@media (max-width:700px){#contact form #form-company{width:50%}}#contact form #form-lastname{grid-area:2/1/3/2;width:90%;justify-self:start}@media (max-width:700px){#contact form #form-lastname{width:50%}}#contact form #form-name{grid-area:2/2/3/3;width:90%;justify-self:end}@media (max-width:700px){#contact form #form-name{width:50%}}#contact form #form-message{grid-area:3/1/4/3;justify-self:center;width:600px}@media (max-width:700px){#contact form #form-message{width:50%}}#contact form #form-submit{grid-area:4/2/5/3;width:60%;justify-self:center;background-color:#a94676;color:#b2bcff;font-size:18px;font-weight:500;text-shadow:5px 5px 10px rgba(113,2,12,.3);position:relative;z-index:0;border-radius:25px;border:3px solid transparent}#contact form #form-submit:hover{cursor:pointer;transition:.2s;border:3px solid #b2bcff;box-shadow:0 0 10px 3px rgba(169,70,118,.4)}#contact form #form-submit:not(:hover){transition:.2s}@media (max-width:700px){#contact form #form-submit{width:35%}}#contact form #submitting-form{grid-area:4/1/5/3;width:48px;height:48px;border:5px solid #71020c;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;justify-self:center;animation:rotation 1s linear infinite;position:relative;z-index:0}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#contact form #form-consent{grid-area:4/1/5/2;display:flex;flex-direction:row;justify-content:center;align-items:center}#contact form #form-consent label{padding-left:0;font-size:12px;color:#71020c;position:relative;cursor:pointer}#contact form #form-consent label.noChecked{border:3px solid rgba(255,0,0,.2);background-color:rgba(255,0,0,.1);border-radius:5px}#contact form #form-consent label.noChecked .checkmark{transform:scale(1.2);border:3px solid rgba(255,0,0,.2);background-color:rgba(255,0,0,.1)}#contact form #form-consent label .checkmark{width:16px;height:16px;border:2px solid #71020c;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-right:8px;position:absolute;left:-25px;top:-2px;transition:background-color .3s,border-color .3s}#contact form #form-consent label a{color:#b2bcff;text-shadow:1px 1px 2px rgba(113,2,12,.1)}#contact form #form-consent label a:hover{text-shadow:1px 1px 2px rgba(113,2,12,.2)}#contact form #form-consent input[type=checkbox]{display:none}#contact form #form-consent input[type=checkbox]:checked+label .checkmark{background-color:#71020c}#contact form #form-consent input[type=checkbox]:checked+label .checkmark:after{content:"✔";color:#b2bcff;font-size:12px;font-weight:700;position:absolute}#contact #form-submitted{height:505px;width:600px;display:flex;justify-content:center;align-items:start;margin:auto;padding-top:150px;box-sizing:border-box;color:#71020c;font-size:28px;font-weight:700;text-shadow:5px 5px 5px rgba(178,188,255,.5);text-align:center;position:relative}@media (max-width:1100px){#contact #form-submitted{font-size:24px;width:500px}}@media (max-width:730px){#contact #form-submitted{height:670px;font-size:22px;width:400px}}@media (max-width:530px){#contact #form-submitted{height:677px;width:300px}}#contact #form-submitted button{position:absolute;top:300px;width:50px;height:50px;border-radius:25px;border:3px solid #71020c;background-color:#a94676;box-shadow:5px 5px 5px 5px rgba(178,188,255,.2);color:#b2bcff;font-size:20px}#contact #form-submitted button:hover:after{content:"";position:absolute;bottom:0}h3.active:before{animation:topLine .8s ease-in-out 2 forwards}h3.active:after{animation:botLine .8s ease-in-out 2 forwards}#loader-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1000}#loader-container .loader{width:150px;aspect-ratio:9;background:linear-gradient(45deg,#71020c 50%,rgba(0,0,0,0) 0),linear-gradient(45deg,rgba(0,0,0,0) 50%,#71020c 0),linear-gradient(-45deg,#a94676 50%,rgba(0,0,0,0) 0),linear-gradient(-45deg,rgba(0,0,0,0) 50%,#a94676 0),linear-gradient(#b2bcff 0 0);background-size:50% 50%;background-repeat:no-repeat;animation:l18 1.5s infinite}@keyframes l18{0%{background-position:50% 50%,50% 50%,50% 50%,50% 50%,50% 50%}25%{background-position:0 100%,100% 0,50% 50%,50% 50%,50% 50%}50%{background-position:0 100%,100% 0,100% 100%,0 0,50% 50%}75%{background-position:50% 50%,50% 50%,100% 100%,0 0,50% 50%}to{background-position:50% 50%,50% 50%,50% 50%,50% 50%,50% 50%}}*{font-family:Kanit,sans-serif}body{width:100%}body,main{margin:auto}main{width:70%}@media (max-width:1200px){main{width:80%;padding:0}}@media (max-width:800px){main{width:85%;padding:0}}@media (max-width:620px){main{width:90%;padding:0}}section{margin:auto;width:100%;box-sizing:border-box}h3,section{height:-moz-fit-content;height:fit-content}h3{color:#a94676;font-family:Oxanium,sans-serif;font-size:32px;position:relative;width:-moz-fit-content;width:fit-content}@media (max-width:730px){h3{font-size:26px}}@media (max-width:525px){h3{font-size:22px}}h3.active:before{content:"";width:100%;height:2px;background-color:#a94676;position:absolute;display:block;top:-8px;animation:topLine .8s ease-in-out infinite}@keyframes topLine{0%{transform:scaleX(0);transform-origin:right}49%{transform:scaleX(1);transform-origin:right}50%{transform-origin:left}51%{transform:scaleX(1);transform-origin:left}to{transform:scaleX(0);transform-origin:left}}h3.active:after{content:"";width:100%;height:2px;background-color:#a94676;position:absolute;display:block;animation:botLine .8s ease-in-out infinite}@keyframes botLine{0%{transform:scaleX(0);transform-origin:left}49%{transform:scaleX(1);transform-origin:left}50%{transform-origin:right}51%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}h4{width:-moz-fit-content;width:fit-content;color:#b2bcff}h4,h5{margin:0}h5{color:#71020c}h6{margin:0;color:#a94676}main{padding:2em}main img{width:100px;height:100px}.homepage header nav:hover #menu{background-color:white;z-index:10;width:22%;box-sizing:border-box;border-radius:25px;box-shadow:0 10px 15px 3px rgba(169,70,118,.2)}@media (max-width:1500px){.homepage header nav:hover #menu{width:25%}}@media (max-width:1300px){.homepage header nav:hover #menu{width:30%}}@media (max-width:1100px){.homepage header nav:hover #menu{width:35%}}@media (max-width:900px){.homepage header nav:hover #menu{width:40%}}@media (max-width:750px){.homepage header nav:hover #menu{width:50%}}@media (max-width:650px){.homepage header nav:hover #menu{width:60%}}@media (max-width:550px){.homepage header nav:hover #menu{width:65%}}@media (max-width:500px){.homepage header nav:hover #menu{width:70%}}@media (max-width:470px){.homepage header nav:hover #menu{width:80%}}@media (max-width:400px){.homepage header nav:hover #menu{width:90%}}