@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Mina:wght@400;700&family=Oleo+Script:wght@400;700&family=Press+Start+2P&family=Space+Grotesk:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Mina:wght@400;700&family=Oleo+Script:wght@400;700&family=Press+Start+2P&family=Space+Grotesk:wght@300..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}p{font-family:Chakra Petch,serif!important;font-size:1.5vw}h1{background:linear-gradient(90deg,#31e4e1,#d8dc02);-webkit-background-clip:text;font-family:Press Start\ 2P,serif;font-size:8vw;left:0;margin:0!important;top:0;z-index:1000}h1,h2{color:#0000}h2{background:linear-gradient(45deg,#ddd,#e9fb73,#ff4e4e);-webkit-background-clip:text;font-family:Chakra Petch,serif!important;font-size:10vw!important;font-weight:900}@media (max-width:768px){p{font-size:4vw!important}h2{font-size:15vw!important;padding:0!important}}#hero{align-items:center;background:linear-gradient(45deg,#f7b7506a,#90e4f748,#48015d3e);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 20px;text-transform:uppercase}.center-text{position:relative;transform:translate(0)}.center-text h5{animation:rotate360 10s linear infinite;color:#d74242;font-family:Chakra Petch,serif;font-size:3vw!important;font-weight:900;letter-spacing:14px;margin:50px;text-align:center;text-shadow:2px 1px 2px #000,2px 1px 1px #000,2px 1px 1px #000,2px 1px 1px #000}.hero-image{bottom:0;height:auto;left:-5%;opacity:1;position:absolute;width:600px}@keyframes rotate360{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@media screen and (max-width:1200px){h1{font-size:12vw;line-height:150px}.center-text h5{font-size:1.5vw;margin:30px}.hero-text{position:absolute;top:30px}.hero-image{margin-top:-400px;right:-2%;width:500px}}@media screen and (max-width:768px){h1{font-size:12vw;line-height:120px}.center-text h5{font-size:1.5vw;letter-spacing:10px;margin:20px}.hero-image{right:0;width:400px}}@media screen and (max-width:480px){.hero{height:auto;padding:20px}h1{font-size:12vw;line-height:100px}.center-text h5{font-size:5vw!important;letter-spacing:8px;margin:15px}.hero-image{bottom:0;width:100%}.hero-text{top:100px}}.container{background:linear-gradient(45deg,#01722e,#0c8bab);overflow:hidden;position:relative;z-index:100!important}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(10,1fr);margin-top:-100vh;padding:20px;position:relative;z-index:10}.grid-item{background:rgba(255,255,255,);border-radius:0 0 10px 10px;justify-content:center;position:relative}.grid-item,.test-btn{align-items:center;display:flex}.test-btn{background:none;border-color:none!important;border-width:0;bottom:10px;box-shadow:15px #333;color:#fff;cursor:default;font-family:Chakra Petch,serif;font-size:1.5vw;gap:30px;justify-content:flex-start;position:absolute;text-shadow:#fff 5px!important;transform:rotate(180deg);transition:background-color .7s ease;width:90%;writing-mode:vertical-rl;z-index:100000000011111}.test-btn,.test-btn img{border-radius:0 0 10px 10px}.test-btn img{background:linear-gradient(45deg,#63720197,#b6e3eea3);border-radius:none;left:0;padding:20px;transform:rotate(180deg)!important;width:50px!important}.test-btn img:hover{background-color:#ffbcbcb0}.about-me{padding:0 10% 10%;h2{font-size:15vw;margin:0;padding:0}p{color:#fff;font-size:1.5vw}}@media screen and (max-width:1200px){.grid-container{grid-template-columns:repeat(10,1fr)}}@media screen and (max-width:768px){.grid-container{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width:480px){.grid-container{gap:10px;grid-template-columns:repeat(5,1fr)}.test-btn img{background:linear-gradient(45deg,#63720197,#b6e3eea3);border-radius:100px;border-radius:none;left:0;padding:10px;transform:rotate(180deg)!important;width:30px}.test-btn{color:#000;font-size:5vw;font-size:bold!important;letter-spacing:10px}}.bg-neutral-800{background-color:#2d3748}.scroll-info{align-items:center;display:flex;height:12rem;justify-content:center}.scroll-text{color:#edf2f7;font-weight:700;text-transform:uppercase}.carousel-section{background-color:#1a202c;height:300vh;position:relative}.sticky-section{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:sticky;top:0}.carousel-items{display:flex;gap:16px}.card{background-color:#fff;height:600px;overflow:hidden;position:relative;transition:transform .3s ease-in-out;width:750px}.card-image{height:70%;inset:0;margin:5%;object-fit:cover;position:absolute;transition:transform .9s;z-index:0}.card-image:hover{transform:scale(1.1)}.card-content{display:grid;inset:0;opacity:0;place-items:center;position:absolute;transition:opacity .3s;z-index:10}.card:hover .card-content{opacity:1}.card-text{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(to bottom right,#fff3,#278dc880);bottom:10%;color:#000;display:block;display:none;font-size:2.5rem;font-weight:900;padding:20px;position:absolute;text-transform:uppercase}.card:hover .card-text{display:block}.info{left:0;padding:5%;position:absolute;top:0;width:40%;h2{font-size:5vw;margin:0;padding:0}p{color:#fff;font-size:1.5vw}}@media (max-width:768px){.card{height:350px;width:400px}.info{left:auto;padding:10%!important;width:80%}.sticky-section{align-items:flex-end;justify-content:end!important}}.contact-page{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:0 20px;position:relative}h2{font-size:15vw;left:0;top:0}.background-animation{animation:gradientMove 8s ease infinite;background:linear-gradient(45deg,#85b1b6,#832c94,#228e74,#9e9694);background-size:400% 400%;bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.contact-content{text-align:center;z-index:1}.main-heading{animation:slideIn 1s ease-out;font-size:5vw;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.sub-heading{animation:fadeIn 1.5s .5s forwards;font-size:1.5vw;margin:0 auto;max-width:600px;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.icon-buttons{display:flex;gap:20px;justify-content:center}.icon-button{background-color:#ffffff1a;border-radius:50%;color:#31e4e1;cursor:pointer;font-size:2.5rem;padding:20px;transition:transform .3s ease,color .3s ease}.icon-button:hover{color:#d8dc02;transform:scale(1.2)}.icon-button:active{transform:scale(.9)}@media (max-width:768px){.main-heading{font-size:15vw}.sub-heading{font-size:1rem;margin-bottom:30px}.icon-button{font-size:2rem;padding:15px}}
/*# sourceMappingURL=main.f3c820f4.css.map*/