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)}}body{font-family:Comic Sans MS,"sans-serif"}.navbar a{color:#000;cursor:pointer;text-decoration:none}.res-nav,.toggle-btn{display:none}.navbar{background-color:#fff;display:flex;flex-direction:row;height:8vh;justify-content:space-evenly;max-width:100%;position:fixed;width:100%;z-index:1}.navbar a{color:#586068;font-size:2.5vh;font-weight:400;margin-top:2vh}.navbar a:hover{color:#6d62e9}.both-nav{text-align:center}.main-home{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:10vh}.home1{text-wrap:wrap}.home1,.home2{width:50%}.highlight{color:#6d62e9;text-decoration:none}.highlight a{color:#fda403;text-decoration:none}.home-intro{color:#696e73;font-family:Times New Roman,Times,serif;font-size:15px;font-weight:500;letter-spacing:5px;line-height:24px;margin:0 0 0 .5vh;opacity:1vh}.home-icon{display:flex;flex-direction:row;justify-content:center;margin-top:5vh}.home-icon a{color:#000;font-size:4vh;margin-left:2vh}.home-icon a:hover{opacity:60%}.home-name{font-size:7vh;margin:0 0 1vh}.home-btns{display:flex;justify-content:center}.home-btns button{background-color:#fff;border:1px solid #000;border-radius:4vh;font-size:2.5vh;height:6vh;letter-spacing:0;margin:1vh;text-align:center;width:18vh}.home-btns button:hover{background-color:#262628;color:#fff}.home-name span{color:#fda403}.About{background-color:#f1f1f1}.about-item{display:flex;flex-direction:row}.About .about-title{text-align:center}.about-img{width:62vh}.about-title{font-size:5vh;font-style:normal;font-weight:600;margin-top:4vh}.about1{text-wrap:wrap;margin-left:7vh;padding:4vh;text-align:justify;width:50%}.about1 p{width:60vh}.about2{width:50%}.experience-container{border-radius:5px;display:flex;flex-direction:row;height:50vh;margin-bottom:20px;padding:20px;text-align:center}.education{border-left:1px solid #b5caca;height:47vh;margin-left:8vh;padding-left:4vh;text-align:left;width:50%}.experience-education h2{font-size:5vh;font-weight:600;margin-bottom:6vh;text-align:center}.fa-graduation-cap{background-color:#ccc;border-left:1px solid #b5caca;left:9vh}.fa-briefcase,.fa-graduation-cap{border-radius:50%;height:4vh;position:absolute;transform:translateY(-120%);width:4vh}.fa-briefcase{background-color:#c7c6d2;left:53.9%}.circle{left:10.1vh;margin-top:6px;transform:translateY(-1%);z-index:2}.circle,.circle2{background-color:#6d62e9;border-radius:2vh;height:2vh;position:absolute;width:2vh}.circle2{left:54.24%;margin-top:3px;transform:translateY(30%)}.experience{display:flex;flex-direction:row;width:50%}.education-content,.experience-content p{margin:0}.experience-title{margin-top:0;padding-top:0}.education-content h3{font-family:Arial,Helvetica,sans-serif;font-weight:600;padding-top:.5vh}.experience-content{border-left:1px solid #b5caca;height:40vh;margin-left:4vh;padding-left:4vh;text-align:justify;width:57vh}.education-content h3{margin-top:0}.skill-container{grid-gap:5rem;display:grid;grid-template-columns:0fr 0fr 25%;margin:auto;padding:2vh;width:90%}.skill-container li{list-style:none}.skill-container h3{text-align:center}#skill h2{font-size:5vh;font-weight:600}#skill{text-align:center}.all-cards{padding:0 3vh}.backend,.frontend,.professional{border:1px solid #bcbbbb;border-radius:3vh;text-align:center}.frontend{height:45vh;width:55vh}.backend{height:60vh;width:55vh}.professional{height:35vh;width:55vh}.all-cards{display:grid;grid-template-columns:repeat(3,1fr)}.skillcard{border:3px solid #ccc;border-radius:5px;display:flex;flex-direction:column;height:5rem;justify-content:center;margin:.5vh;text-align:center;width:6rem}.skillcard:hover{border:3px solid #7e74f1}.skillcard img{color:#000;width:2.3vh}.project-container{background-color:#f1f1f1;display:flex;flex-direction:column;height:94vh;text-align:center;width:100%}.project-container h3{font-size:4vh}.left-button,.right-button{background-color:#fff;border:none;border-radius:4vh;color:#8b83e1;height:5vh;margin-bottom:4vh;transition:1s ease-in;width:5vh}.left-button:hover,.right-button:hover{background-color:#7e74f1;color:#fff}.left-button{margin-left:10%}.right-button{margin-right:10%}.project-btns{display:flex;flex-direction:row;justify-content:space-between}.project-slide{border:2px solid #ccc;border-radius:15px;height:450px;max-width:24rem;position:relative}.tech-list{display:flex;flex-wrap:wrap;margin-left:2vh}.project-tech{border:1px solid #d9d9d9;border-radius:4px;color:#656d72;font-size:12px;font-weight:500;line-height:15px;margin:1vh;padding:4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.project-slider{animation:slided;display:grid;grid-template-columns:repeat(3,1fr);padding:0 15vh 0 18vh}.project-slide{background-color:#fff}.project-slide h2{font-size:20px;font-weight:400;margin:2vh 0 0;padding:0 0 0 2vh;text-align:left}.project-container h3{font-size:5vh;font-weight:600}.project-slide img{border-bottom-left-radius:0;border-bottom-right-radius:0;border-radius:15px;display:block;height:14rem;margin:auto;width:100%}.project-links{height:4vh;margin:2vh 0 0}.project-links a{color:#000;font-size:3vh;margin:6px;text-decoration:none}.project-desc{font-size:15px;line-height:20px;margin:0;padding:0 2vh;text-align:start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-container{height:60vh;text-align:center}.contact-items{display:flex;flex-direction:row}.contact-title{font-size:5vh;font-weight:600}.contact-input{align-items:center;justify-content:center;width:50%}.contact-input,.personal-info{display:flex;flex-direction:column}.personal-info{border-radius:3vh;margin:0 3vh 3vh;width:20%}.personal-info li{justify-content:left;list-style:none;margin:0;padding:0}.c-input{background-color:#eee;border:1px solid #fff;border-radius:1vh;height:6vh;margin:1vh;width:60vh}.c-input::placeholder{padding:3vh}.personalinfo p{margin:0}.send{background-color:#62aad9;border:none;border-radius:3px;height:4vh;width:60vh}.send:hover{background-color:#229df0}.personalinfo i{font-size:30vh}.fa-envelope,.fa-location-dot,.fa-phone{background-color:#d2e5ff;border-radius:2vh;color:#000;height:20px;margin-left:2vh;margin-right:3vh;margin-top:1vh;padding:10px;width:20px}.personalinfo{display:flex;flex-direction:row;margin-bottom:5vh;text-align:left}.p-detail{display:flex;flex-direction:column}.p-main{font-size:3.5vh;font-weight:400}.p-sub{font-size:2.5vh;font-weight:300}.c-input{margin-left:1vh}#c-textarea{height:20vh}.footer-main{background-color:#f1f1f1}.footer-icons,.footer-main{display:flex;justify-content:center}.footer-icons{flex-direction:row;margin-top:5vh}.footer-icons a{color:#000;font-size:4vh;margin-left:2vh;margin-top:4vh}.footer-icons a:hover{opacity:50%}li{list-style:none}.footer-icons li img{margin:2.5vh;width:4vh}.res-container{display:none}.app-cont{animation:ltr 1s linear}.navlink.clicked{animation:ltr 1s linear forwards;opacity:1;top:0}.navlink{display:inline-block;position:relative;transition:top 1s linear,opacity 1s linear}@keyframes ltr{0%{opacity:0;top:100%}to{opacity:1;top:0}}@media only screen and (max-width:600px){body,html{overflow-x:hidden}.navbar{display:none}.res-container{display:flex;flex-direction:row;justify-content:space-between;position:relative}.toggle-btn{background:#0000;border:none;display:block}.logo{margin-left:2vh;width:6vh}.fa-bars,.fa-xmark{height:4vh;position:relative;right:10%;width:4vh}.res-nav.active{align-items:center;animation:slideIn .5s forwards;background-color:#fff;display:flex;flex-direction:column;margin-left:3px;opacity:1;position:relative;width:97%}.res-nav{opacity:0;position:absolute;transition:opacity 10s ease}.res-nav a{color:#000;display:block;margin-bottom:1.5vh;text-decoration:none}.res-nav.active a:hover{color:#6d62e9}.res-nav.active a:active{color:red}@keyframes slideIn{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.main-home{text-wrap:wrap;display:flex;flex-direction:column;margin-left:1vh;padding:10vh 0 0}.home2{margin-left:1vh;overflow:hidden;width:38vh}.about-item,.about1{display:flex;flex-direction:column}.about1{text-wrap:wrap;align-items:center;justify-content:center;margin:0;padding:0;width:100%}.about2 img{width:35vh}.about2{align-items:center}.about2,.skill-container{display:flex;justify-content:center;width:100%}.skill-container{grid-gap:50px;flex-direction:column;margin-bottom:5vh;padding-right:0}.all-cards i,.skillcard i,.skillcard i img,.skillcard svg{display:none}.backend,.frontend,.professional{margin-bottom:1vh}.frontend{height:23vh}.backend{height:38vh}.professional{height:17vh}.skillcard{height:5vh;margin:2px}.circle{left:4.5%;transform:translateY(5%)}.circle2{left:4.5%;transform:translateY(45%)}.experience-title{margin-top:.5vh}.fa-briefcase,.fa-graduation-cap{left:2%}.experience-education{height:115vh;margin-bottom:20vh;text-align:center;width:100%}.education{height:130vh;margin-bottom:10vh;width:320px}.experience-container{display:flex;flex-direction:column;padding-left:3vh}.education-content{text-wrap:wrap;margin-left:1vh;width:220px}.experience{margin:2.4vh;width:300px}.experience-content{margin:0;padding-top:.3vh;text-align:left;width:50vh}.contact-container{height:100vh;overflow:hidden}.c-input{width:200px}.contact-input{align-items:center;display:grid;justify-content:center;text-align:center}.contact-form{align-items:center;display:block}.send{width:13vh}.contact-items{display:flex;flex-direction:column;margin-bottom:5vh}.contact-form{margin-left:3px}.personal-info{margin-top:4vh;text-align:center;width:300px}.project-slider{display:flex;padding:0 5vh}.footer-main span{margin-left:1vh}.res-container{background-color:#fff;border-bottom:1px solid #229df0;height:7.5vh;position:fixed;width:100%;z-index:1000}.res-nav.active{padding-top:9vh;position:fixed;width:100%;z-index:100}}@media only screen and (max-width:500px){.skill-container{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin:0;overflow:visible;padding:0;text-align:center;width:100%}.About,.about-item{text-wrap:wrap}.about-item{display:block;margin:auto}.about1 p{width:300px}.backend,.frontend,.professional{align-items:center;border:none;display:flex;flex-direction:column;justify-content:center;margin:0;padding:0 0 1.5rem;width:100%}.all-cards{grid-gap:2vh;display:grid;gap:2vh;grid-template-columns:repeat(2,1fr);margin:0}.experience-education{height:148vh;margin-bottom:0;width:328px}.education,.experience{margin-left:0}}@media (min-width:321px) and (max-width:480px){.contact-input{align-items:center;display:grid;justify-content:center;margin-left:11vh;text-align:center}.c-input{width:180px}.home2{margin-left:3vh}.project-slide{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.project-container{height:110vh;width:350px}.project-slide{height:76vh}}html{scroll-behavior:smooth}
/*# sourceMappingURL=main.de930f69.css.map*/