.arrow-container{position:fixed;height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;min-width:80px;max-width:100px;cursor:pointer;background-color:#111;z-index:3}.arrow-container:hover{transition:.3s ease-in-out;background-color:#222}.arrow{background-color:#4acfac;width:50px;height:5px;border-radius:50px;position:absolute;margin:0 10px}@media (max-width:1024px){.arrow,.arrow-container{display:none}}.about-container{width:100%}.about-content{font-size:19px}.about-content-container,.about-details-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.about-content-container{width:69vw;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:50px}.about-me-container{margin-top:100px;margin-bottom:20vh;max-width:1050px}.about-exp-educ-container{margin:15px 0}.about-skill-container p{width:35vw;-webkit-justify-content:center;justify-content:center;margin:5px 10px;transition:.3s ease-in-out}.about-skill-container p:hover{background-color:#247ba0;-webkit-transform:translateX(1000);transform:translateX(1000)}.company-detail{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;margin-left:15px}.company-name{font-size:23px;font-weight:700}.company-role{font-size:18px;font-weight:400;margin:15px 0}.company-date{font-size:15px}.school-detail{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;margin-left:15px}.school-name{font-size:23px;font-weight:700}.school-course{font-size:18px;font-weight:400;margin:15px 0}.school-year{font-size:15px}.about-img{width:150px}.skill-content-container{display:grid;grid-template-columns:auto auto;-webkit-align-items:center;align-items:center;margin-top:35px}.skill-list-container{border:2px solid #4acfac;padding:10px 20px;border-radius:20px;width:45vw}.skill-list-container h1{margin-bottom:20px;margin-top:0}.skill-img{width:30vw}.skill-list{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.skill-list-button{color:#fff;width:5%;font-size:25px;cursor:pointer}.skill-list-button p{transition:.3s ease-in-out}.skill-list-button p:hover{color:#4acfac}.skills-container{width:90%;height:250px;overflow-y:auto;padding-bottom:15px}.skill-item{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:10px 10px 5px}.skill-graph-container{box-sizing:border-box;width:96%;height:23px;margin:0 15px;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;border:1px solid #4acfac;border-radius:3px}.skill-graph{background-color:#4acfac;height:17px;margin:3px}@media only screen and (max-width:1024px){.about-content{font-size:13px}.about-content-container{padding:30px}.about-details-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.about-exp-educ-container{margin:15px 0}.about-skill-container p{width:34vw;margin:5px 10px;text-align:center}.company-name{font-size:15px}.company-role{font-size:13px;margin:10px 0}.company-date{font-size:12px}.school-name{font-size:15px}.school-course{font-size:13px;margin:10px 0}.school-year{font-size:12px}.about-img{width:100px}.skill-content-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.skill-img{width:50vw;margin-bottom:50px}.skill-list-container{width:100%;margin-bottom:150px}}@media only screen and (max-width:415px){.about-content{font-size:6.5px}.about-content-container{width:100vw;padding:10px 5px}.about-details-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.about-exp-educ-container{margin:15px 0}.about-skill-container{grid-template-columns:auto}.about-skill-container p{font-size:9px;width:68vw;margin:5px 10px;text-align:center}.company-name{font-size:10px}.company-role{font-size:9px;margin:5px 0}.company-date{font-size:8.5px}.school-name{font-size:10px}.school-course{font-size:9px;margin:5px 0}.school-year{font-size:8.5px}.about-img{width:70px}.skill-item{font-size:10px}.skills-container{height:250px;overflow-y:auto;padding-bottom:15px}.skill-img{width:80vw;margin-bottom:50px}.skill-graph-container{margin:0 5px}}.contact-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;align-items:flex-end;margin-top:50px}.contact-form{width:50%;height:50vh}.contact-form,.contact-form form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.contact-form form{color:#fff}.contact-form form input{padding:3px 6px;font-size:18px;letter-spacing:1px;margin-bottom:15px}.contact-form form textarea{padding:3px 6px;font-size:20px;min-height:150px;resize:none;white-space:pre-wrap}.contact-button-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:15px}.contact-button-container button{border:1px solid #4acfac;background-color:#46494c;padding:5px 10px;font-size:15px;font-family:"Zen Dots",cursive;cursor:pointer;border-radius:5px;color:#fff}.contact-button-container button:disabled{cursor:not-allowed}.contact-image-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.contact-image-container img{width:200px}.contact img{position:absolute;width:35%;margin-top:3vh}.icon-link{margin:3px;transition:.3s ease-in-out}.icon-link:hover{color:#4acfac}@media only screen and (max-width:415px){.contact{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.contact-container{margin-top:80px}.contact-left-img{display:none;background-color:#8b4513}.contact-form{width:100%}.icon-link{margin:0 8px;transition:.3s ease-in-out}}.landing-container{width:80vw;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100vh}.landing-message{font-size:30px;letter-spacing:5px;margin-bottom:30px}.landing-name{font-size:70px;letter-spacing:5px}.landing-role{font-size:35px;letter-spacing:5px;margin-top:30px}.landing-content-container{width:150%;display:inline-block}.landing-image-container{width:50vw;height:100px}.landing-image-container img{position:absolute;width:74vh;bottom:0;right:0;z-index:-1;margin-right:6%}@media only screen and (max-width:1025px){.landing-content-container{width:100%}.landing-container{-webkit-align-items:flex-start;align-items:flex-start;margin-top:15vh}.landing-image-container{display:-webkit-flex;display:flex}.landing-image-container img{width:70vw;margin-right:15vw;margin-bottom:5vw}}@media only screen and (max-width:770px){.landing-container{-webkit-align-items:flex-start;align-items:flex-start;margin-top:13vh}.landing-image-container{display:-webkit-flex;display:flex}.landing-name{font-size:50px}.landing-message{font-size:25px}.landing-role{font-size:28px}}@media only screen and (max-width:415px){.landing-container{margin-top:18vh}.landing-image-container img{width:70vw;margin-right:15vw;margin-bottom:25vh}.landing-image-container{display:-webkit-flex;display:flex}.landing-name{font-size:22px}.landing-message{margin-bottom:5px}.landing-message,.landing-role{font-size:10px;letter-spacing:5px}.landing-role{margin-top:5px}}.project-list-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top:40px;margin-bottom:30px}.project-container{width:350px;border:1px solid #4acfac;border-end-end-radius:15px;border-end-start-radius:15px;background-color:#000;min-height:333px;margin:30px 15px}.project-detail-container{padding:20px}.project-title{font-weight:700;font-size:22px;letter-spacing:2px}.techstack-container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.techstack-container p{border:1px solid #4acfac;padding:5px 10px;margin:3px 5px;border-radius:50px;background-color:#222}@media only screen and (max-width:1025px){.project-list-container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.project-container{width:350px;margin-bottom:100px}.project-detail-container{padding:20px}.project-title{font-weight:700;font-size:22px;letter-spacing:2px}.techstack-container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.techstack-container p{border:1px solid #4acfac;padding:5px 10px;margin:3px 5px;border-radius:50px;background-color:#222}}@media only screen and (max-width:415px){.project-container{margin-bottom:50px}}nav{position:fixed;top:0;left:0;padding-left:5%;height:6vh;width:100%;border-bottom:.4vh solid #4acfac;background-color:#000;z-index:2}nav div{padding-left:5vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.nav-link{font-size:2.5vh;padding:0 1vw;cursor:pointer;transition:.3s ease-in-out;text-decoration:none;color:#fff}.nav-link:hover{color:#4acfac;-webkit-transform:scale(1.1);transform:scale(1.1)}@media only screen and (max-width:1025px){nav{margin-left:0;height:7vh}nav div{padding-left:1vw}.nav-link{font-size:1.5vh;padding-top:15px}}@media only screen and (max-width:770px){nav{height:7vh}nav div{padding-left:1vw}.nav-link{font-size:1.5vh;padding-top:15px}}@media only screen and (max-width:415px){.nav-link{font-size:1.5vh;padding-top:15px;padding-right:5px}}*{margin:0;padding:0}body{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;scroll-behavior:smooth;font-family:"Zen Dots",cursive;background-color:#1b1b1b}::-webkit-scrollbar{width:0}.d-flex{display:-webkit-flex;display:flex}.flex-col{-webkit-flex-direction:column;flex-direction:column}.flex-row{-webkit-flex-direction:row;flex-direction:row}.center{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:80vw}h1,h2,h3,h4,h5,h6,p{white-space:pre-wrap;color:#fffaff}.page-title{font-size:7vh;margin-top:15vh;letter-spacing:5px}.page-subtitle{font-size:5vh;margin-top:50px;letter-spacing:5px}.page-normal-text{font-size:2vh;letter-spacing:3px;font-weight:400}.box-container{border:2px solid #4acfac;border-radius:10px;padding:1vh 1vw}.music-btn{position:fixed;left:0;bottom:0;border:2px solid #4acfac;border-radius:50px;padding:10px;margin-bottom:10px;margin-left:50px;background-color:#46494c;color:#fff;cursor:pointer;z-index:4}.landing-modal{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:#fffaff;width:100vw;height:100vh}.landing-modal h1{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:100px;cursor:default}.landing-modal p{font-size:50px;font-family:Helvetica,sans-serif;color:#000}.landing-modal button{height:10vh;width:70vw;font-size:40px;cursor:pointer}@media only screen and (max-width:1025px){.page-title{font-size:4vw;margin-top:15vh}.page-subtitle{font-size:3.5vw;margin-top:10px}.music-btn{margin-bottom:10px;margin-left:15px}.landing-modal h1{font-size:24vw}}@media only screen and (max-width:415px){.page-title{font-size:4vw;margin-top:15vh}.page-subtitle{font-size:3.5vw;margin-top:10px}}
/*# sourceMappingURL=main.3d91529f.chunk.css.map */