@import url(https://fonts.googleapis.com/css2?family=Bonheur+Royale&display=swap);@import url(https://fonts.googleapis.com/css2?family=Birthstone&family=Bonheur+Royale&display=swap);@import url(https://fonts.googleapis.com/css2?family=Balsamiq+Sans&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;overflow-x:hidden;position:relative}body::-webkit-scrollbar{width:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;outline:none}.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-body{align-items:center;background-color:#f1f2f6;background-image:linear-gradient(315deg,#f1f2f6,#c9c6c6 74%);color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);min-height:100vh;overflow:hidden}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scrollToTop{align-items:center;background-color:#000;background-image:linear-gradient(315deg,#000,#414141 74%);border-radius:100%;bottom:.9rem;color:#cee0ff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;overflow:hidden;position:fixed;right:2rem;width:48px;z-index:50}@keyframes arrowAnimation{0%{margin-bottom:10px}to{margin-bottom:0}}.scrollToTop:hover svg{animation:arrowAnimation .4s infinite;animation-direction:alternate-reverse}.navbar{align-items:center;background-color:#000;background-image:linear-gradient(315deg,#000,#414141 74%);display:flex;height:4rem;justify-content:center;position:fixed;width:100%;z-index:10}.nav-header{font-family:Birthstone,cursive;font-size:3rem;font-weight:500;margin-right:auto;-webkit-user-select:none;user-select:none;white-space:nowrap;width:75%}.nav-items{justify-content:center;width:100%}.nav-item,.nav-items{align-items:center;display:flex;height:100%}.nav-item{color:inherit;flex-direction:column;font-size:1.1rem;margin-left:1rem;margin-right:1rem;outline:none;text-decoration:none;transition:.25s;-webkit-user-select:none;user-select:none;width:5rem}.nav-item-active,.nav-item:hover{color:#6f808f}.nav-item-text{margin-top:20px;pointer-events:none}.nav-item-bottom{background-image:linear-gradient(315deg,#fff,#5e6c81 74%);border-radius:2px;display:flex;height:4px;margin-top:auto;pointer-events:none;transition:.15s;width:0}.nav-item-active .nav-item-bottom{transition:.3s;width:5rem}.sidebar-bars{cursor:pointer;display:none;height:24px;position:absolute;right:24px;width:24px}@media (max-width:800px){.sidebar-bars{display:flex}.nav-items{display:none}.nav-header{width:100%}}.footer{align-items:center;background-color:#000;background-image:linear-gradient(315deg,#000,#414141 74%);display:flex;height:4rem;justify-content:center;margin-top:auto;position:relative;width:100%;z-index:51}.copy-right{align-content:center;display:flex;font-size:1rem;-webkit-user-select:none;user-select:none}.footer-icons{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:4px;position:absolute;right:5%}.footer-icon{color:#fff;font-size:1.3rem;margin-left:10px}.home-page{background-color:#d3d3d3;background-image:linear-gradient(315deg,#d3d3d3,#57606f 74%);background-image:url(/static/media/home-background.d41104da1332877ba331.jpg);background-size:cover;height:100vh;width:100%}.home-page,.home-page-header{align-items:center;display:flex;justify-content:center}.home-page-header{flex-direction:column}@keyframes widthAnimate{0%{width:0}to{width:100%}}.welcome-text{color:#000;font-family:Georgia,Times New Roman,Times,serif;font-size:400%;font-weight:500;text-transform:uppercase;-webkit-user-select:none;user-select:none}.welcome-text-animated{animation-duration:2s;animation-name:opacity}.seperator{background-color:#000;background-image:linear-gradient(315deg,#000,#414141 74%);border-radius:6px;height:4px;justify-content:center;width:100%}.seperator-animated{animation-duration:2s;animation-name:widthAnimate}.welcome-text-1{color:#000;font-family:italic;font-size:90%;margin-top:6px;-webkit-user-select:none;user-select:none}@media (max-width:400px){.welcome-text{color:#000;font-family:Georgia,Times New Roman,Times,serif;font-size:300%;font-weight:500;text-transform:uppercase;-webkit-user-select:none;user-select:none}}.contact{background-color:#d3d3d3;background-image:linear-gradient(315deg,#d3d3d3,#57606f 74%);flex-direction:column;height:92vh}.contact,.contact-form{align-items:center;display:flex;justify-content:center;width:100%}.contact-form{font-family:Balsamiq Sans,cursive}.contact-pageHeader{align-items:center;color:#272727;display:flex;font-size:3rem;height:25%;justify-content:center}.form{display:flex;flex-direction:column;width:40%}.form-upper{display:flex;width:100%}.form-item{border:1px solid #0000;border-radius:6px;font-family:inherit;font-weight:inherit;height:2.5rem;margin-top:8px;padding:0 8px;position:relative;transition:.2s;width:100%}.form-item:focus{box-shadow:0 0 8px 2px #57606f}.form-textarea{max-height:12rem;max-width:100%;min-height:8rem;min-width:100%;padding:12px 8px;resize:none}.form-submit,.form-textarea{font-family:inherit;font-weight:inherit}.form-submit{background-color:#2d2d2d;border:none;border-radius:6px;color:#fff;cursor:pointer;height:2.5rem;margin-left:auto;transition:.2s;width:8rem}.form-submit:hover{background-color:#414141}.form-desc{align-items:center;display:flex;flex-direction:column;margin-bottom:6rem;margin-right:4rem;width:40%}.form-desc-img{height:12rem;width:16rem}@media (max-width:1000px){.form-desc{display:none}.form{width:75%}}.form-desc-text{word-wrap:break-word;font-family:inherit;font-size:60%;max-width:100%;opacity:.9}.form-lower{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.successful-message{color:#0f5132;font-size:1.3rem;opacity:0;transition:.25s;visibility:hidden}.successful-message.active{opacity:1;visibility:visible}.unsuccessful-message{color:#c42e48;font-size:1.3rem;left:0;opacity:0;position:absolute;transition:.25s;visibility:hidden}.unsuccessful-message.active{opacity:1;visibility:visible}@keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes rightToLeft{0%{margin-left:8rem;opacity:0}to{margin-left:0;opacity:1}}@keyframes leftToRight{0%{margin-right:8rem;opacity:0}to{margin-right:4rem;opacity:1}}@keyframes topToDown{0%{opacity:0;padding-bottom:4rem}to{opacity:1;padding-bottom:0}}.rightToLeft{animation-duration:2s;animation-name:rightToLeft}.leftToRight{animation-duration:2s;animation-name:leftToRight}.topToDown{animation-name:topToDown}.opacity,.topToDown{animation-duration:2s}.opacity{animation-name:opacity}@media (max-width:400px){.contact{height:38rem}}.about-page{align-items:center;background-color:#d3d3d3;background-image:linear-gradient(225deg,#d3d3d3,#57606f 74%);display:flex;height:100vh;padding:0 6vw;-webkit-user-select:none;user-select:none;width:100%}.profile-photo{display:flex;flex-direction:column;height:30vw;margin-top:4rem;width:30%}.profile-photo-img{border-radius:2%;box-shadow:0 0 24px 8px #57606f;height:100%}.profile-photo span{font-size:12px;opacity:.9}.profile-photo span a{color:#272727;text-decoration:none;transition:.25s}.profile-photo span a:hover{text-decoration:underline}@keyframes profile-photo-animated{0%{transform:scale3d(0,0,1) rotate(2turn)}to{transform:scaleX(1) rotate(0deg)}}.profile-photo-animated{animation-duration:.75s;animation-name:profile-photo-animated}.about-me{color:#1b1b1b;display:flex;flex-direction:column;margin:0 5%;width:100%}.about-me-header{color:#272727;display:flex;font-size:3rem;font-weight:700;white-space:nowrap;width:100%}.about-me-text{display:flex;font-size:1.3rem;margin-top:2rem;text-align:left;width:100%}.about-links{display:flex;margin-top:1rem;width:100%}.about-link{cursor:pointer;display:flex;flex-direction:column;margin-right:48px}.about-link-text{font-size:1.3rem;font-weight:500;pointer-events:none;text-align:left;white-space:nowrap}.about-link-bottom{background-color:#414141;border-radius:2px;height:3px;opacity:.6;pointer-events:none;transition:.3s;-webkit-transition:.3s;width:24px}.about-link:hover .about-link-bottom{background-color:#1b2845;opacity:1;width:50%}.about-link:hover .about-link-text{-webkit-background-clip:text;background-clip:text;background-color:#1b2845;color:#0000}.about-link-active .about-link-bottom,.about-link-active:hover .about-link-bottom{background-color:#474747;background-image:linear-gradient(315deg,#474747,#1b2845 74%);opacity:1;width:100%}.about-link-active .about-link-text,.about-link-active:hover .about-link-text{-webkit-background-clip:text;background-clip:text;background-color:#474747;background-image:linear-gradient(315deg,#474747,#1b2845 74%);color:#0000}.about-content{display:flex;font-size:inherit;height:8rem;margin-top:12px}.about-content-line{display:flex;margin-bottom:6px;white-space:nowrap}.about-content-key{display:flex;font-weight:500}.about-content-value{display:flex;margin-left:8px}.about-link-content{list-style:none;margin:0;padding-left:0;text-align:left}.about-link-content li{align-items:center;display:flex;justify-content:flex-start}.about-link-content li svg{display:flex;font-size:60%;margin-right:4px;margin-top:4px}.about-link-content li a{color:#1b2845;text-decoration:none;transition:.25s;-webkit-transition:.25s}.about-link-content li a:hover{color:#313e58}.about-link-icon{font-size:100%!important;height:24px;margin:0 0 -6px 8px!important}@media (max-width:975px){.profile-photo{display:none}}@media (max-width:750px){#social_media{display:none}}@media (max-width:450px){.about-me-header{font-size:2.5rem}.about-me-text{font-size:1.1rem}.about-links{width:100%}.about-link-text{font-size:1.1rem}.about-link{margin-right:24px}}.projects{background-color:#d3d3d3;background-image:linear-gradient(225deg,#d3d3d3,#57606f 74%);flex-direction:column;height:100vh;overflow:hidden;padding-top:6rem;width:100%}.projects,.projects-header{align-items:center;display:flex;justify-content:center}.projects-header{color:#272727;font-size:3rem;white-space:nowrap}.project-cards{align-items:center;display:flex;height:35rem;justify-content:center;overflow:hidden;transition:.5s;width:100%}.project-card{background-color:#000;background-image:linear-gradient(315deg,#000,#414141 74%);border-radius:6px;height:100%;margin:0 1rem;min-height:25rem;position:relative;transition:.3s;width:100%}.project-card:hover{transform:scale3d(.98,.98,1)}.project-card-img{border-radius:6px 6px 0 0;display:flex;height:50%;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%}.project-card-desc{align-items:center;display:flex;flex-direction:column;height:42%;padding:8px 8px 0;width:100%}.project-card-desc span{font-size:1.5rem;font-weight:600;-webkit-user-select:none;user-select:none}.project-card-desc p,.project-card-desc span{color:#dce1eb;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,Arial,Helvetica,sans-serif}.project-card-desc p{display:flex;font-size:1rem;height:100%;opacity:.9;overflow-y:auto;padding-right:4px}.project-card-desc p::-webkit-scrollbar{background-color:#d3d3d3;background-image:linear-gradient(315deg,#d3d3d3,#57606f 74%);border-radius:8px;width:4px}.project-card-desc div{bottom:1rem;display:flex;overflow:hidden;position:absolute;width:100%}.project-card-desc div a{align-items:center;background-color:#d3d3d3;background-image:linear-gradient(315deg,#d3d3d3,#57606f 74%);border-radius:4px;color:#dce1eb;color:#1a1a1a;display:flex;font-size:1.2rem;height:27.2px;margin:0 12px;opacity:.9;overflow:hidden;padding:4px;text-align:left;text-decoration:none;transition:.25s;transition:.35s;width:28px}.project-card-desc div a span{color:inherit;font-size:inherit;margin-left:.75vw;overflow:hidden;white-space:nowrap;width:100%}.project-card-desc div a svg{display:flex;flex:0 0 auto}.project-card-desc div a:hover{width:150px}@media (max-width:510px){.project-card-img{height:40%}.project-cards{height:80%;width:110%}.project-card-desc{height:52%}}@media (max-width:400px){.projects{padding-top:2rem}.projects-header{font-size:2rem}.project-cards{height:75%;width:120%}}.carousel{flex-direction:column}.carousel,.carousel-wrapper{align-items:center;background-color:initial;display:flex;height:100%;overflow:hidden;width:100%}.carousel-wrapper{padding:2rem 2rem 0}.carousel-arrow{align-items:center;border-radius:100%;color:#141414;cursor:pointer;display:flex;font-size:2.5rem;height:56px;justify-content:center;transition:.4s;width:64px}.carousel-arrow:hover{color:#4e4e4e}.carousel-arrow.right{margin-left:auto}.carousel-slider{background-color:initial;display:flex;height:100%;overflow:hidden;width:100%}.carousel-items{display:flex;transition:.5s}.dots{align-items:center;height:2rem;justify-content:center;width:100%}.dot,.dots{display:flex}.dot{background-color:#c5c5c5;border-radius:100%;cursor:pointer;height:12px;margin:6px 8px 0;width:12px}.dot.active{background-color:#000;background-image:linear-gradient(315deg,#000,#414141 74%)}.services-page{background-color:#d3d3d3;background-image:linear-gradient(315deg,#d3d3d3,#57606f 74%);flex-direction:column;height:100vh;padding-top:4rem}.services-cards,.services-page{align-items:center;display:flex;position:relative;width:100%}.services-cards{height:100%;margin:10% 4rem}.services-card{align-items:center;background-color:#000;background-image:linear-gradient(315deg,#000,#414141 74%);border-radius:12px;color:#cce0ff;cursor:pointer;display:flex;flex-direction:column;height:22rem;margin:0 2%;padding:1.5rem;transition:transform .6s;width:30%;z-index:2}.services-card:hover{transform:translateY(-5%)}.services-card1{transform:translateX(115%)}.services-card3{transform:translateX(-115%)}.services-card-logo{stroke-width:1;color:inherit;display:flex;flex:0 0 auto;font-size:54px;font-weight:400}.services-card span{font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:500;line-height:1.4;margin:20px 0;white-space:nowrap}.services-card p,.services-card span{color:inherit;-webkit-user-select:none;user-select:none}.services-card p{font-size:18px;line-height:30px}.services-page-button{align-items:center;background-color:#000;background-image:linear-gradient(315deg,#000,#414141 74%);border-radius:12px;bottom:8vh;color:#cce0ff;cursor:pointer;display:flex;height:4rem;justify-content:center;position:absolute;text-decoration:none;transition:.4s;width:20rem}.services-page-button:hover{color:#a9b8d3;transform:scale3d(1.1,1.1,1)}.services-page-button-animate{transform:translateY(-450%)}.services-page-header{align-items:center;color:#272727;display:flex;font-size:3rem;justify-content:center;position:absolute;top:12%}@media (max-width:970px){.services-cards{flex-direction:column;margin:2rem;padding:10% 4rem}.services-card{align-items:center;flex-direction:row;height:30%;justify-content:center;margin:1.5rem 0;width:100%}.services-card-logo{margin-right:2rem}.services-card p,.services-page-button{display:none}}@media (max-width:600px){.services-cards{margin:2rem;padding:10% 2rem}.services-card{margin:1.5rem 0;width:100%}.services-page{padding-top:6rem}.services-page-header{font-size:2.5rem;top:15%}.services-card-logo{font-size:42px}.services-card span{font-size:1.4rem}}@media (max-width:430px){.services-card-logo{font-size:38px}.services-card span{font-size:1.3rem}}.sidebar{height:0;overflow:hidden;pointer-events:none;z-index:9}.sidebar,.sidebar-back{position:fixed;right:0;top:0;transition:.3s;width:100%}.sidebar-back{background-color:#000;display:flex;height:100%;opacity:0;visibility:hidden;z-index:8}.sidebar-back.active{opacity:.9;visibility:visible}.sidebar.active{height:100%}.sidebar-items{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-top:2rem;width:100%}.sidebar .sidebar-items{visibility:hidden}.sidebar.active .sidebar-items{margin-bottom:4rem;padding-top:4rem;visibility:visible}.sidebar-item{align-items:center;color:inherit;display:flex;flex-direction:column;font-size:1.1rem;height:15%;margin-left:1rem;margin-right:1rem;outline:none;pointer-events:all;text-decoration:none;transition:.25s;-webkit-user-select:none;user-select:none;width:5rem}.sidebar-item-active,.sidebar-item:hover{color:#6f808f}.sidebar-item-text{margin-top:20px;pointer-events:none}@media (min-width:800px){.sidebar.active{height:0}.sidebar-back.active{opacity:0}}