*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.body{padding:12px 12px 36px}.about{height:800px}.about-top{align-items:center;display:flex;justify-content:space-between;padding-top:30px}.picture{height:420px}.about-info{font-size:24px}.info-name{color:blue;font-size:32px}@media only screen and (max-width:720px){.about-top{align-items:center;flex-direction:column;justify-content:center}.picture{height:280px}.about-info{font-size:20px}}.seperator{background-image:linear-gradient(90deg,#ff34a7,#eb4dc3,#d261d9,#b373ea,#8f81f4,#6a93fe,#40a3ff,#00b0ff,#00c5ff,#00d9ff,#0debfa,#5ffbf1);border-radius:3px;height:6px;margin:16px 0;width:40%}.social-contact{align-items:center;display:flex;justify-content:center}.social-icon-div{cursor:pointer;margin:6px;padding:6px}.social-icon{height:40px}@media only screen and (max-width:720px){.social-icon{height:30px}}.contact{display:flex;flex-direction:column;font:1px}.section-title{font-size:32px;font-weight:800}.contact-container{align-items:center;display:flex;flex:1 1;justify-content:space-between;margin:30px 0 16px}.contact-left{font-size:20px;max-width:60%;text-align:center}.download{align-items:center;background-color:#26ffb7;border-radius:4px;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:12px 16px}.download a{color:#000;text-decoration:none}.download i{margin-right:5px}@media only screen and (max-width:720px){.contact-container{align-items:center;flex-direction:column;justify-content:center}.contact-left{margin-bottom:12px;max-width:100%}.contact-left,.download{font-size:16px}}.project-card{align-items:center;display:flex;flex:1 1;justify-content:space-between;margin:16px 0;padding:8px 0}.project-photo{cursor:pointer;object-fit:cover;-webkit-transform:scale(1);transform:scale(1);transition:.5s ease-in-out;width:40%}.project-photo:hover{background-position:50%;-webkit-transform:scale(1.02);transform:scale(1.02)}.project-info{margin-right:24px}.project-title{font-size:22px;font-weight:600}.project-links a{color:#000;text-decoration:none}.project-links{display:flex;margin-top:6px}.link-button{background-color:#26ffb7;border-radius:4px;font-size:16px;justify-content:center;margin-bottom:10px;margin-right:5px;padding:4px 8px;width:-webkit-max-content;width:max-content}.link-button,.link-button i{align-items:center;display:flex}.link-button i{margin-right:4px}@media only screen and (max-width:720px){.project-photo{width:70%}.project-card{flex-direction:column-reverse}.project-info{margin-left:0;margin-top:12px}}.projects{flex:1 1}.skills{display:flex;flex-direction:column;width:100%}.skills-section{display:flex;justify-content:space-between;margin:12px 0}.skills-section-title{font-size:24px;font-weight:600}.skills-list{display:flex;flex-wrap:wrap;justify-content:end;max-width:70%}@media only screen and (max-width:720px){.skills-list{justify-content:center;max-width:100%}.skills-section{align-items:center;flex-direction:column}}.skill-card{align-items:center;display:flex;flex-direction:column;height:120px;justify-content:center;margin:6px 6px 15px;padding:8px 16px;width:-webkit-max-content;width:max-content}.skill-icon{display:flex;font-size:80px;margin-bottom:5px}.skill-name{font-size:18px}@media only screen and (max-width:720px){.skill-card{height:100px;width:-webkit-max-content;width:max-content}.skill-icon{font-size:60px}}.work{width:100%}.work,.work-list{display:flex;flex-direction:column;justify-content:end}.work-list{align-items:center;margin:24px 0}@media only screen and (max-width:720px){.work-list{align-items:center;display:flex;flex-direction:column;margin:24px 0}}.work-card{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between;margin-top:16px;padding:8px;width:100%}.work-logo{height:80px}.work-info{align-items:flex-end;display:flex;flex-direction:column;width:100%}.company-name{font-size:18px}.work-dates{color:gray;margin-bottom:10px}.work-dates,.work-desc{text-align:right}@media only screen and (max-width:720px){.work-card{display:block;width:100%}}.footer{justify-content:center;margin-top:24px}.footer,.header{align-items:center;display:flex;padding:12px}.header{flex:1 1;justify-content:space-between;position:relative}.menu{display:flex;flex:1 1;justify-content:flex-end}.menu-icon{cursor:pointer;font-size:24px}.mobile-menu{display:none}.logo,.web-menu{display:flex}.logo{color:#0fd191;font-size:36px;font-weight:800}@media only screen and (max-width:720px){.mobile-menu{display:flex}.web-menu{display:none}.logo{font-size:24px}}.mobile{background-color:#fff;display:flex;flex:1 1;flex-direction:column;height:100vh;padding:18px 12px;position:absolute;right:0;top:-6px;width:60vw}.close-icon{cursor:pointer;display:flex;font-size:24px;justify-content:flex-end}.mobile-options{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-top:24px;width:100%}.mobile-option{display:flex;font-size:24px;margin:12px 0}.mobile-option a{color:#000;display:flex;text-decoration:none}.scroll-web,.web{align-items:center;display:flex;flex:1 1}.scroll-web{background-color:#fff;height:50px;transition:.8s}.scroll-web .web-option{font-size:10px;font-weight:600;margin-right:50px}.web-option{font-size:20px;font-weight:600;margin-right:50px}.web-option a{color:#000;text-decoration:none}.option-icon,.web-option a{align-items:center;display:flex}.option-icon{font-size:25px;margin-right:5px}.web-option:last-child{margin-right:0}html{scroll-behavior:smooth}.home{display:flex;flex-direction:column;margin:auto;position:relative;width:70%}.topBtn{right:50px;z-index:100}.scrollToTopBtn,.topBtn{bottom:50px;position:fixed}.scrollToTopBtn{align-items:center;color:#a0a9a5;cursor:pointer;display:flex;font-size:12px;opacity:0;right:25px;-webkit-transform:rotate(270deg);transform:rotate(270deg);transition:.2s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:1000}.scrollToTopBtn:hover{color:#0a3a84}.scrollToTopBtnVisible{align-items:center;bottom:100px;color:#a0a9a5;cursor:pointer;display:flex;font-size:12px;opacity:1;position:fixed;right:25px;-webkit-transform:rotate(270deg);transform:rotate(270deg);transition:.2s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:100}.scrollToTopBtnVisible:hover{color:#0a3a84}@media only screen and (max-width:1024px){.home{width:90%}}@media only screen and (max-width:512px){.home{width:100%}}
/*# sourceMappingURL=main.99ff06f8.css.map*/