@media (max-width:800px){main{width:85%;padding:0}}@media (max-width:620px){main{width:90%;padding:0}}header{width:80%;height:150px;display:flex;justify-content:space-between;align-items:center;align-content:center;margin:auto}header a{text-decoration:none}@media (max-width:1100px){header{width:90%}}header #title{width:25%;margin:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:start;gap:2%}header #title:hover{cursor:pointer}header #title:hover h1:after{transition:.2s;content:"";width:100%;height:2px;display:block}header #title:not(:hover) h1:after{transition:.2s}header #title *{margin:0}header #title h1{width:-moz-fit-content;width:fit-content;text-align:start;font-family:Oxanium,sans-serif;color:#71020c;font-weight:500;text-shadow:2px 4px 10px rgba(113,2,12,.2)}@media (max-width:730px){header #title h1{font-size:22px}}@media (max-width:525px){header #title h1{font-size:20px}}header #title h1:after{content:"";width:0;height:2px;display:block;background-color:#a94676}header #title p{width:100%;color:#a94676}@media (max-width:730px){header #title p{font-size:12px}}@media (max-width:525px){header #title p{font-size:10px}}header nav{width:300px;height:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:30px}header nav:hover{height:400px;transition:.3s}header nav #arrow-animation{top:103px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:10px solid #71020c;position:absolute;z-index:30}header nav:hover #arrow-animation{width:100px;border-left:0 solid transparent;border-right:0 solid transparent;border-top:0 solid #a94676;transition:.1s ease-in-out}header nav h2{font-family:Oxanium,sans-serif;color:#71020c;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:0;margin:0;position:relative;font-weight:500}@media (max-width:730px){header nav h2{font-size:20px}}@media (max-width:525px){header nav h2{font-size:18px}}header nav h2:hover{cursor:default}header nav h2:before{left:55px}header nav h2:after,header nav h2:before{content:"";width:10vw;height:2px;background-color:#71020c;display:block;box-shadow:-2px -8px 7px 1px rgba(113,2,12,.2);position:absolute;pointer-events:none;z-index:30}header nav h2:after{right:55px}header nav #menu{display:none;height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:0;color:#71020c;font-size:18px;position:absolute;width:14vw;top:145px;box-sizing:border-box;text-align:center}header nav #menu a{color:#71020c}header nav #menu :after{content:"";width:100%;display:block;background-color:#a94676;margin:auto;height:2px}header nav #menu :hover{color:#a94676;cursor:pointer;text-shadow:2px 4px 10px rgba(169,70,118,.2);transition:.2s ease-in-out}header nav #menu :hover:after{width:100%;transition:.1s}header nav #menu :not(:hover):after{transition:.1s;width:0}header nav #menu :not(:hover){transition:.2s ease-in-out}header nav:hover #menu{height:120px;transition:.1s;transition-timing-function:linear;transform-origin:top}@media (max-width:1100px){header nav:hover #menu{flex-direction:row;height:70px;margin:0;padding-left:30px;padding-right:30px;width:-moz-fit-content;width:fit-content;top:110px}}header nav:not(:hover) #arrow-animation{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:10px solid #a94676;transition:.15s ease-in-out}header nav:hover h2:before{width:5vw;left:150px;transform:rotate(90deg) translateX(100px);transition:.15s ease-in-out;box-shadow:-2px -8px 7px 1px rgba(113,2,12,.2)}@media (max-width:1100px){header nav:hover h2:before{transform:rotate(90deg) translateX(40px);width:3vw;left:180px}}@media (max-width:1000px){header nav:hover h2:before{left:170px}}@media (max-width:750px){header nav:hover h2:before{left:175px}}@media (min-width:1800px){header nav:hover h2:before{width:4vw}}@media (min-width:2400px){header nav:hover h2:before{width:3.5vw}}@media (min-width:2600px){header nav:hover h2:before{width:3vw}}header nav:not(:hover) h2:before{transition:.2s ease-in-out;box-shadow:0 5px 5px 1px rgba(113,2,12,.05)}header nav:hover h2:after{width:5vw;right:150px;transform:rotate(-90deg) translateX(-100px);transition:.15s ease-in-out;box-shadow:2px -8px 7px 1px rgba(113,2,12,.2)}@media (max-width:1100px){header nav:hover h2:after{transform:rotate(-90deg) translateX(-40px);width:3vw;right:180px}}@media (max-width:1000px){header nav:hover h2:after{right:170px}}@media (max-width:750px){header nav:hover h2:after{right:175px}}@media (min-width:1800px){header nav:hover h2:after{width:4vw}}@media (min-width:2400px){header nav:hover h2:after{width:3.5vw}}@media (min-width:2600px){header nav:hover h2:after{width:3vw}}header nav:not(:hover) h2:after{transition:.2s ease-in-out;box-shadow:0 5px 5px 1px rgba(113,2,12,.05)}header #links{width:25%;height:100%;box-sizing:border-box;display:flex;justify-content:end;align-items:center;gap:30%}header #links a,header #links a svg{width:32px;height:32px}header #links a svg{color:#71020c}@media (max-width:730px){header #links a svg{width:26px;height:26px}}@media (max-width:525px){header #links a svg{width:22px;height:22px}}header #links a:hover svg{color:#a94676}*{font-family:Kanit,sans-serif}body{width:100%}body,main{margin:auto}main{width:70%}@media (max-width:1200px){main{width:80%;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}footer{margin-top:30px;display:flex;justify-content:space-around;align-items:center;gap:50vw;background-color:#71020c;width:100%;height:200px;padding:5rem;box-sizing:border-box}@media (max-width:700px){footer{gap:30vw}}@media (max-width:500px){footer{gap:20vw}}footer img{width:50px}@media (max-width:700px){footer img{width:40px}}@media (max-width:500px){footer img{width:30px}}footer img:hover{cursor:pointer}footer p{font-size:12px;color:white}@media (max-width:700px){footer p{font-size:10px}}