*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:monospace;scroll-behavior:smooth;color:wheat;background-color:#323131}h1,section,p,span,svg{transition:background-color .5s,color .5s}::-webkit-scrollbar{display:none}:root{--color-text-light: wheat;--color-background-light: #FAF4E5;--color-pink-light: #e5a1aa;--color-green-light: #7AD0AC;--color-blue-light: #72cef3;--color-text-dark: white;--color-background-dark: #8395CD;--primary-color:red}.light-theme{--color-text: var(--color-text-light);--color-background: var(--color-background-light);--color-pink: var(--color-pink-light);--color-green: var(--color-green-light);--color-blue: var(--color-blue-light);--color-head:var(--color-pink-light)}.dark-theme{--color-text: var(--color-text-dark);--color-background: var(--color-background-dark);--color-pink: var(--color-text-dark);--color-green: var(--color-text-dark);--color-blue: var(--color-text-dark);--color-head:var(--color-green-light)}.experience{position:fixed;height:100vh;width:100vw}.experience-canvas{height:100%;width:100%}.page{z-index:99999;width:100%;height:100%;overflow:hidden}.page-wrapper{position:relative;color:wheat}.toggle-bar{position:fixed;display:flex;opacity:0;flex-direction:row;justify-content:center;align-items:center;top:48px;right:48px;z-index:999}.sun-wrapper,.moon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;color:wheat}.sun,.moon{fill:wheat}.toggle-button{cursor:pointer;position:relative;width:56px;height:28px;display:flex;justify-content:center;align-items:center;background-color:var(--color-pink);border-radius:999px;margin:0 16px;border:none;box-shadow:#959da533 0 8px 24px}.toggle-circle{position:absolute;left:6px;border-radius:50%;width:20px;height:20px;background-color:var(--color-background);transition:all .2s ease-in-out}.toggle-button:hover .toggle-circle{transform:scale(.9)}.slide{left:30px}.section-margin{height:1000px;width:100%}.section{width:50%;padding:500px 5%;margin:0;background-color:#6f6c6c}.left{margin-right:auto;border-top-right-radius:700px;border-bottom-right-radius:0}.right{margin-left:auto;border-top-left-radius:700px;border-bottom-left-radius:0}.section-title-text{font-size:35px;font-weight:bolder}.section-text{font-size:20px;font-family:monospace;font-weight:100;text-shadow:1px 1px #1b1b1a}.section-intro-wrapper{position:relative;padding:5% 5% 15px;border-bottom:2px solid var(--color-pink)}.section-intro-wrapper:nth-child(2){position:relative;padding:5% 5% 15px;border-bottom:2px solid var(--color-pink);z-index:99999999}.section-intro-wrapper:nth-child(3){border-bottom:2px solid var(--color-green)}.section-detail-wrapper{position:relative;padding:20% 5%}.section-heading{font-size:18px;font-weight:700;line-height:1.8;margin-top:64px;color:var(--color-head)}.section-text{line-height:2;margin-top:18px;font-size:16px;color:var(--color-text)}.section-title-text{display:block;font-size:40px;margin-left:10%;transform-origin:center;transform:skew(-10deg);z-index:5;text-transform:uppercase;color:var(--color-head)}.styleOne,.styleTwo,.styleThree{position:relative;display:block;width:100%;max-width:278px;height:60px;border:1px solid var(--color-head);transform-origin:left;transform:skewY(-25deg)}.styleOne{top:-100px}.styleTwo{top:-220px}.styleThree{top:-120px;transform:skewY(25deg);background-color:var(--color-head)}.section-number{position:absolute;bottom:15px;right:0;color:var(--color-pink);font-size:24px}.hidden{display:none}.animatedis{display:inline-block;transform:translateY(100%)}.intro-text{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;opacity:0;font-weight:500;font-size:16px;color:var(--color-text);transform:translate(-50%,100%)}.arrow-svg-wrapper{position:absolute;top:90%;left:50%;opacity:0;color:var(--color-text);transform:translate(-50%,-50%);animation:bounce .5s ease-in alternate infinite}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(8px)}}.hero{width:100vw;height:100vh}.hero-wrapper{position:relative;height:100%;width:calc(100% - 160px);margin:0 auto}.second{position:absolute;top:5%;left:0;opacity:0}.second-title{font-size:40px;font-weight:900;text-shadow:3px 3px black;color:#b8d68b}.second-description{font-size:20px;font-weight:600;color:gray;text-shadow:2px 2px black}.main{position:absolute;bottom:20%;left:80%;width:30%;opacity:0}.main-title{font-size:40px;text-shadow:3px 3px black;color:#88c7d7;font-weight:600}.main-description{font-size:20px;color:#7aa9b5;font-weight:550;text-shadow:2px 2px black}.blue-text{color:var(--color-blue)}.blue-border{border-color:var(--color-blue)}.blue-background{background-color:var(--color-blue)}.green-text{color:var(--color-green)}.green-border{border-color:var(--color-green)}.green-background{background-color:var(--color-green)}.links{text-decoration:none;color:#e369ec}@media (max-width: 400px){.experience-canvas{transform:scale(1)}.toggle-bar{top:3%;right:2%}.section{width:100%}.main{left:180px;bottom:100px}.second{top:80px;left:-2%}.hero-wrapper{width:calc(100% - 60px)}.main-title{font-size:32px}.main-description{font-size:18px}input{width:50%}textarea{min-width:50%}}.form{margin-top:10%;display:grid;grid-template-columns:2fr;padding:1rem;border-radius:100px;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px;background-color:#7bd1ad80}.text1{margin:10%;display:flex;justify-content:center;font-size:25px;font-family:monospace;font-weight:900;text-shadow:rgba(0,0,0,.3) 2px 2px}.email{margin-left:7%}.handlers{display:flex;gap:2rem;align-items:center;margin-bottom:1rem}label{font-size:20px;color:wheat;font-weight:900;font-family:monospace;text-shadow:rgba(40,39,39,.3) 2px 2px;margin-top:5%;margin-left:1%}input{padding:1rem;font-size:20px;color:#07244f;border-radius:10px;font-family:monospace;font-weight:600;margin-top:5%;box-shadow:#0003 0 20px 30px;background-color:#94c4d6e6;border:none}select{margin-left:3%;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px;padding:1rem;font-size:20px;color:#131314;border-radius:20px;font-weight:600;margin-top:5%;font-family:monospace;background-color:#62d2d2;border:none}option{font-weight:600;font-family:monospace;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px;border:1px solid black;border:none}textarea{margin-top:10%;padding:1rem;font-size:20px;color:#121213;border-radius:10px;font-weight:750;height:20vh;width:80%;background-color:#94c4d6e6;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;border:none}.submit-btn{font-size:20px;border-radius:30px;padding:1rem;font-family:monospace;font-weight:900;color:#f7f1f1;text-shadow:1px 1px black;box-shadow:#11111a80 0 4px 16px,#11111a1a 0 8px 24px,#11111a1a 0 16px 56px;background-color:#deb10e;border:none;margin-left:40%;margin-top:5%;margin-bottom:5%;width:100px}.submit-btn:hover{cursor:pointer;background-color:#6f6c6c;color:#28426a}