.div{display:flex;flex-direction:column;position:absolute;background-color:#9a795a;align-items:center;padding-top:10rem;width:100%}.div>h1{margin-bottom:-.2rem;color:#fff;font-size:7vw}.div>h1:hover:before{content:"Software Developer";color:#fff;transition:.6s ease;animation:jump-out .6s ease forwards;letter-spacing:-3px;position:absolute;overflow:hidden}.div>p{text-align:center;color:#fff;font-size:4vw}.breath1{animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.breath1,.breath2{animation-name:floating;margin-left:10px;margin-top:5px}.breath2{animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.breath3{animation-duration:7s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.breath3,.breath4{animation-name:floating;margin-left:10px;margin-top:5px}.breath4{animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translate(0)}}.breath1:hover,.breath2:hover,.breath3:hover,.breath4:hover{animation:breathings ease-out infinite;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes breathings{0%{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(.9)}to{transform:scale(.9)}}.div>button>svg{height:14.5vh;width:8vw;color:#fff;margin:1rem}.div>button>svg:hover{cursor:pointer;color:#000;box-shadow:none}.hometechStack{padding-top:1rem;font-size:1.15rem;color:#fff;box-shadow:none}@media (min-width:561px){.div>button>svg{height:15.5vh;width:6vw}}@media (min-width:702px){.div{padding-bottom:5rem}.breath1,.breath2,.breath3,.breath4{width:14vw;height:37vh}.div>h1{font-size:4.9vw}.div>p{font-size:3vw}}@media (min-width:1200px){.div>h1{font-size:4.4vw}.div>p{font-size:2.5vw}.hometechStack{font-size:5vh}.div>button>svg{height:3rem;width:6rem}}.Projectdiv{display:flex;flex-direction:column;align-items:center;opacity:0;overflow:hidden}.Projectdiv>h1{color:#fff}.Projectdiv>p{text-align:center;color:#fff;padding:0 12px;line-height:1.6}.projectButton>button{margin:20px}.techstack{font-weight:700;color:#fff}@media (min-width:561px){.Projectdiv>p{padding:0 25px}}.contentDiv{display:flex;flex-direction:column;align-items:center;background-color:#9a795a;margin:-8px;min-width:100%}.contentDiv>h1{display:flex;justify-content:center;position:relative;top:5vw;font-size:2rem;color:#fff;text-align:center}.contentDiv>h1:hover:before{content:"Projects";color:#fff;transition:.6s ease;animation:jump-out .6s ease forwards;letter-spacing:0;position:absolute}@keyframes jump-out{0%{opacity:0;transform:scale(1)}20%{opacity:1}to{opacity:0;transform:scale(2)}}@media (min-width:561px){.contentDiv{margin-top:3rem}}@media (min-width:702px){.contentDiv{margin-top:-3rem}}@media (min-width:1200px){.contentDiv>h1{font-size:3rem;top:2rem}.contentDiv{padding-top:1rem;margin-top:1rem}}.aboutDiv{background-color:#9a795a;margin:-8px;overflow:hidden;padding-top:2rem}.aboutDiv .aboutContent>h1{font-size:2rem;color:#fff;text-align:center}.aboutDiv .aboutContent>h1:hover:before{content:"About";color:#fff;transition:.6s ease;animation:jump-out .6s ease forwards;letter-spacing:0;position:absolute}.aboutDiv .aboutContent>p{color:#fff;text-align:center;animation:fadeInAnimation 3s ease;animation-iteration-count:1;animation-fill-mode:forwards;line-height:1.6;padding:0 12px}.fade-in{animation:fade-in 3s ease forwards}@keyframes fade-in{to{opacity:1}0%{opacity:0}}.quote{color:#fff;text-align:center;position:relative;font-style:italic;font-weight:700;left:-26rem;line-height:1.6;padding:0 12px}.slide{animation:slide .5s forwards;animation-delay:1s}@keyframes slide{to{left:0}}.quote:hover:before{content:"If you can dream it, I can build it"}.aboutDiv>h1:hover:before,.quote:hover:before{color:#fff;transition:.6s ease;animation:jump-out .6s ease forwards;letter-spacing:0;position:absolute}.aboutDiv>h1:hover:before{content:"About"}.aboutContact{color:#fff;cursor:pointer;font-size:1rem}.aboutContact:hover{text-decoration:underline}@media (min-width:561px){.aboutDiv .aboutContent>p,.quote{padding:0 25px}}@media (min-width:702px){.aboutDiv{margin-bottom:-12rem}.aboutDiv .aboutContent>h1{font-size:3rem}.aboutDiv .aboutContent>p,.quote{font-size:3.5vh;padding:0 54px}.quote{left:-100vw}.aboutContact{font-size:3.5vh}}.ContactDiv{background-color:#9a795a;margin:-8px;overflow:hidden}.ContactDiv>h1{font-size:2rem;color:#fff;text-align:center}.ContactDiv>h1:hover:before{content:"Contact";color:#fff;transition:.6s ease;animation:jump-out .6s ease forwards;letter-spacing:0;position:absolute}.ContactDiv>form{display:flex;flex-direction:column;align-items:center}.ContactDiv label{color:#fff;padding:12px 12px 12px 0;margin-left:4rem}.email,.name,.subject{width:75%;border:1px solid #ccc;border-radius:4px;resize:vertical;margin-right:4rem;padding-right:1rem}.subject{padding-bottom:4rem}.submit{font-weight:700;border-radius:15px;width:180px;padding:12px;margin:30px auto;border:5px solid;background-color:#9a795a;color:#fff}.nameLabel{left:-26rem}.emailLabel,.nameLabel{position:relative;overflow:hidden}.emailLabel{left:26rem}.slide2{animation:slide2 .5s forwards;animation-delay:1s}@keyframes slide2{to{left:0}}.subjectLabel{position:relative;left:-26rem;overflow:hidden}.submit:hover{animation:breathing 5s ease-out infinite normal;-webkit-animation:breathing 5s ease-out infinite normal;-webkit-font-smoothing:antialiased}@keyframes breathing{0%{transform:scale(1)}25%{transform:scale(.9)}60%{transform:scale(.9)}to{transform:scale(1)}}.error{color:#e40000;font-weight:700}@media (min-width:561px){.ContactDiv{margin-top:0}.nameLabel{left:-100vw}.emailLabel{left:100vw}.subjectLabel{left:-100vw}}@media (min-width:702px){.ContactDiv{margin-top:20vw}.ContactDiv>h1{font-size:3rem;color:#fff;text-align:center}}@media (min-width:1200px){.ContactDiv{margin-top:11rem}.ContactDiv label{margin-left:8rem;width:35vw;font-size:3vw}.email,.name{height:2vw;font-size:1.8vw}.subject{height:4vw;font-size:1.8vw}.submit{border-radius:3vw;width:15vw;padding:12px;font-size:1.7vw}}.carouselItem{display:inline-flex;justify-content:center;background-color:#9a795a}.techstackc{font-weight:700;color:#fff;font-size:1.5vw;padding-top:3vw}@media (min-width:1200px){.techstackc{font-weight:700;color:#fff;font-size:1.2rem;padding-top:1rem}}@font-face{font-family:__Raleway_4dbea5;src:url(/_next/static/media/e1cc97cd4eb75334-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:__Raleway_Fallback_4dbea5;src:local("Arial");ascent-override:92.39%;descent-override:23.00%;line-gap-override:0.00%;size-adjust:101.74%}.__className_4dbea5{font-family:__Raleway_4dbea5,__Raleway_Fallback_4dbea5}.App{flex-direction:column;align-items:center;height:100vh}.App,.carousel{display:flex;justify-content:center}.carousel{overflow:hidden;width:691px;flex-direction:column-reverse}.inner{white-space:nowrap;transition:transform .3s}.carouselButtons{display:flex;justify-content:space-evenly;padding-top:4vw}.carouselButtons>button{color:#fff;font-size:2rem}.indicators{display:flex;justify-content:space-around;align-items:center;margin-top:20px}.buttonArrow,.indicatorButtons{border:none;cursor:pointer;background:none}.indicators>button{color:#fff;margin:5px;font-size:1.5rem;padding-bottom:1rem}.contentDiv .Carouseldiv{font-size:1rem;white-space:normal;display:flex;flex-direction:column;align-items:center;overflow:hidden;margin-top:-2vw}.Carouseldiv>h1{color:#fff}.Carouseldiv>p{text-align:center;color:#fff;padding:0 85px;line-height:1.6;font-size:1.8vw}.projectButton>button{cursor:pointer;border-radius:11px;background-color:#9a795a;color:#fff;border:3px solid;margin:8px}.projectButton button:hover{animation:breathing 5s ease-out infinite normal;-webkit-animation:breathing 5s ease-out infinite normal;-webkit-font-smoothing:antialiased}@media (min-width:702px){.Projectimgdiv>img{box-shadow:3px 3px 3px 0 #000;border-radius:7px}.Projectimgdiv>img:hover{animation:jello 1.5s;transform-origin:center}}@media (min-width:1200px){.carousel{width:100%}.Carouseldiv>h1{font-size:2vw}.carouselButtons{padding-top:0}.projectButton>button{width:10vw;height:6vh;font-size:1.5vw;border-radius:7vw}.Carouseldiv>p{font-size:1.5vw}.Projectimgdiv>img{width:40vw;box-shadow:8px 10px 8px 2px #000}}@keyframes jello{11.1%{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}to{transform:none}}@font-face{font-family:__SucroseBold_470198;src:url(/_next/static/media/4c234822a76b676d-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:__SucroseBold_Fallback_470198;src:local("Arial");ascent-override:75.48%;descent-override:15.24%;line-gap-override:34.02%;size-adjust:110.23%}.__className_470198{font-family:__SucroseBold_470198,__SucroseBold_Fallback_470198}