@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);body{margin:0}.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:#2c2c2c;background-image:radial-gradient(circle,#d3d3d333 1px,#0000 0);background-size:30px 30px;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}html{scroll-behavior:smooth}.hero{align-items:center;display:flex;flex-direction:row;font-size:2rem;margin-bottom:1rem;margin-top:4rem}.hero-text{display:flex;flex-direction:column;justify-content:first baseline;margin-right:5rem;padding:0}.hero-name{color:#d4d4d4;font-family:Montserrat;margin-bottom:.8rem;padding:0;text-align:left}.hero-name span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00e7ff,#00c6ff);-webkit-background-clip:text}.hero-subtext{color:#d4d4d4;font-family:Roboto}.hero-image{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;animation:float 5s ease-in-out infinite;height:auto;margin-left:5rem;-webkit-user-select:none;user-select:none;width:450px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.typing-container{align-items:center;display:flex;flex-direction:row;justify-content:first baseline;margin-left:2px}.typing-container span{color:#00e7ff;font-family:Montserrat;font-size:1.7rem;font-weight:600;letter-spacing:.05em;margin:0}.hero-buttons{align-items:center;display:flex;flex-direction:row;justify-content:first baseline;margin-top:3rem}.hero-button-icon{margin-right:8px}.hero-buttons a:first-child{align-items:center;background:linear-gradient(90deg,#00e7ff,#00c6ff);border-radius:5px;color:#fff;display:flex;justify-content:center;transition:background-color .3s,transform .2s,box-shadow .2s}.hero-buttons a:first-child,.hero-buttons a:not(:first-child){cursor:pointer;font-family:Montserrat;font-size:1rem;margin-right:1rem;padding:.5rem 1rem;text-decoration:none}.hero-buttons a:not(:first-child){border:1px solid #d4d4d4;border-radius:5px;color:#d4d4d4}.hero-buttons a:first-child:hover{background:linear-gradient(90deg,#00c6ff,#00e7ff);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.down-arrow-container{bottom:5%;display:flex;justify-content:center;position:absolute;width:100%}.down-arrow-button{animation:jump 1.5s ease-in-out infinite;background-color:initial;border:none;cursor:pointer}@keyframes jump{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.down-arrow{color:#00e7ff;font-size:2rem;margin:.5rem}@media screen and (max-width:1000px){.hero{align-items:center;flex-direction:column-reverse;justify-content:center}.hero-image{margin-left:0;width:400px}.hero-name{font-size:2rem;margin-right:0;text-align:center;width:100%}.typing-container{justify-content:center}.typing-container span{font-size:1.5rem;text-align:center}.hero-text{margin-right:0;margin-top:-2rem}.hero-buttons{align-items:center;flex-direction:column;justify-content:center;margin-top:2rem;width:100%}.hero-buttons a{margin-bottom:1rem;text-align:center;width:80%}.down-arrow-container{bottom:0;margin-bottom:2rem;margin-top:2rem;position:relative;width:100%}}@media screen and (max-width:400px){.hero-image{width:350px}.down-arrow-button{border-radius:14px;margin-top:5rem}}.about-me{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:2rem;justify-content:center;margin-top:10rem;width:100%}.about-me h1{color:#00e7ff;font-family:Montserrat;font-size:3.5rem;margin-bottom:5rem}.about-me-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:90%}.about-me-skills{align-items:center;width:40%}.about-me-skills,.skills-graph{display:flex;flex-direction:column}.skills-graph{width:70%}.skill{flex-direction:row;height:2rem;justify-content:space-around;margin-bottom:1rem;width:100%}.skill,.skill-name{align-items:center;border:1px solid #d4d4d4;display:flex}.skill-name{background-color:#fff;color:#00e7ff;font-family:Montserrat;font-size:1.5rem;height:100%;justify-content:center;width:150%}.skill-bar{background-color:#d4d4d4;height:100%;width:200%}.skill-progress{background-color:#00e7ff;background-image:linear-gradient(45deg,#fff3 25%,#0000 0,#0000 50%,#fff3 0,#fff3 75%,#0000 0,#0000);background-size:50px 50px;height:100%}.about-me-info{align-items:center;display:flex;flex-direction:column;width:60%}.about-me-info p{font-family:Roboto;font-size:1.5rem;margin:1rem;max-width:90%}.about-me-icons{align-items:center;display:flex;flex-direction:row;justify-content:space-around;width:65%}.about-me-icon{border:1px solid #00e7ff;border-radius:8px;color:#00e7ff;cursor:pointer;font-size:3rem;margin-top:2.5rem;padding:.5rem;transition:color .3s}.about-me-icon:hover{color:#00c6ff}@media screen and (max-width:1000px){.about-me-content{align-items:center;flex-direction:column-reverse}.about-me-skills{margin:2rem 0;width:110%}.skill-name{font-size:1.2rem;width:90%}.skill-bar{width:100%}.about-me-info{margin-top:-2rem;width:90%}.about-me-info p{font-size:1.2rem}.about-me-icons{display:none}}.projects{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:2rem;justify-content:center;margin-top:4rem;width:100%}.projects h1{color:#00e7ff;font-family:Montserrat;font-size:3.5rem;margin-bottom:5rem}.project-showcase{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:8rem;width:90%}.project-showcase .project-image{height:auto;width:40%}.project-showcase .project-text{align-items:center;display:flex;flex-direction:column;width:60%}.project-showcase .project-name{color:#00e7ff;font-family:Montserrat;font-size:2.5rem;margin:0}.project-showcase .project-tools{color:#d4d4d4;font-family:Roboto;font-size:1rem;margin:1rem 0}.project-tools .project-date{margin-left:1.5rem}.project-tools .project-date:before{content:"|";margin-right:1.5rem}.project-showcase .project-description{color:#d4d4d4;font-family:Roboto;font-size:1.5rem;margin:0;width:80%}.project-showcase .project-button{background-color:#00e7ff;border-radius:5px;color:#fff;cursor:pointer;font-family:Montserrat;font-size:1.5rem;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.project-showcase .project-button:hover{background-color:#00c6ff}.project-list{align-items:center;display:flex;flex-direction:column;justify-content:center;width:90%}.project-list .project{align-items:center;border-bottom:1px solid #d4d4d4;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.8rem;width:100%}.project-list .project-name{color:#00e7ff;font-family:Montserrat;font-size:2rem;font-weight:700;width:20%}.project-list .project-description,.project-list .project-tools{color:#d4d4d4;font-family:Roboto;font-size:1.5rem;width:35%}.project-list .project-button{background-color:#00e7ff;border-radius:5px;color:#fff;cursor:pointer;font-family:Montserrat;font-size:1.5rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}@media screen and (max-width:1000px){.project-showcase{align-items:center;flex-direction:column}.project-list{margin-top:-4rem}.project-showcase .project-image{margin-bottom:2rem;width:80%}.image-bottom{margin-top:2rem}.project-showcase .project-text{width:90%}.project-showcase .project-name{font-size:2.2rem}.project-showcase .project-tools{font-size:1rem}.project-showcase .project-button,.project-showcase .project-description{font-size:1.2rem}.project-list .project-name{font-size:1.5rem;width:30%}.project-list .project-description{font-size:1rem;width:50%}.project-list .project-tools{display:none}.project-list .project-button{font-size:1rem}}.contact{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:2rem;justify-content:center;margin:4rem 0;width:100%}.contact h1{color:#00e7ff;font-family:Montserrat;font-size:3.5rem;margin-bottom:0}.contact p{font-family:Roboto;font-size:1.5rem;margin:1rem 1rem 5rem;max-width:80%}.contact-info{align-items:first baseline;display:flex;flex-direction:row;justify-content:space-between;width:90%}.contact-email{align-items:center;display:flex;flex-direction:column;width:26%}.contact-email h2{color:#00e7ff;font-family:Montserrat;font-size:2.5rem;margin:0}.contact-email a{color:#d4d4d4;font-family:Roboto;font-size:1.5rem;margin:1rem}.contact-socials{display:flex;flex-direction:column;justify-content:space-around;width:26%}.contact-socials h2{color:#00e7ff;font-family:Montserrat;font-size:2.5rem;margin:0}.contact-socials a{color:#d4d4d4;font-size:1.5 rem;margin:1rem;transition:color .3s}.contact-socials-icons{align-items:center;display:flex;flex-direction:row;justify-content:space-around;width:100%}.contact-socials a:hover{color:#00c6ff}.contact-socials a:not(:last-child){margin-right:1rem}.contact-github{align-items:center;display:flex;flex-direction:column;width:26%}.contact-github h2{color:#00e7ff;font-family:Montserrat;font-size:2.5rem;margin:0}.contact-github:hover{color:#00c6ff}.contact-github a{color:#d4d4d4;font-family:Roboto;font-size:1.5rem;margin:1rem}@media screen and (max-width:1000px){.contact-info{align-items:center;flex-direction:column}.contact p{font-size:1.2rem;max-width:90%}.contact-email{margin-bottom:2rem;width:90%}.contact-email h2{font-size:2rem}.contact-email a{font-size:1.2rem}.contact-socials{margin-bottom:2rem;width:90%}.contact-socials h2{font-size:2rem}.contact-github{width:90%}.contact-github h2{font-size:2rem}.contact-github a{font-size:1.2rem}}footer{background-color:#2c2c2c;border-top:1px solid #d4d4d4;color:#fff;flex-direction:column;font-family:Roboto;font-size:1.5rem;justify-content:center;margin-top:4rem;width:100%}.footer-content,footer{align-items:center;display:flex}.footer-content{flex-direction:row;justify-content:space-between;margin-top:2rem;width:90%}.footer-left{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50%}.footer-left h1{color:#00e7ff;font-family:Montserrat;font-size:2.5rem;margin:0}.footer-left p{margin:1rem}.footer-right{justify-content:center;width:50%}.footer-links,.footer-right{align-items:center;display:flex;flex-direction:column}.footer-links{justify-content:space-around;width:100%}.footer-links p{margin:1rem}.footer-links a{color:#00e7ff;transition:color .3s}.footer-links a:hover{color:#00c6ff}.footer-icons{align-items:center;display:flex;flex-direction:row;justify-content:space-around;margin:4rem 0;width:40%}.footer-icons a{color:#00e7ff;font-size:2.5rem;transition:color .3s}.footer-icons a:hover{color:#00c6ff}@media screen and (max-width:1000px){.footer-content{align-items:center;flex-direction:column}.footer-left,.footer-right{width:90%}.footer-links{width:100%}.footer-icons{width:60%}.footer-icons a{font-size:2rem}}
/*# sourceMappingURL=main.db62c4bd.css.map*/