@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap";*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}body{background:var(--color-bg)}a{color:unset;text-decoration:none}.section__padding{padding:4rem 6rem}.section__margin{margin:4rem 6rem}.scale-up-center{-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width: 700px){.section__padding{padding:4rem}.section__margin{margin:4rem}}@media screen and (max-width: 550px){.section__padding{padding:4rem 2rem}.section__margin{margin:4rem 2rem}}.port__about{display:flex;flex-direction:row;align-items:center;justify-content:center;height:65vh;font-family:var(--font-family)}.port__about img{width:430px;height:430px;margin-right:5rem}.port__about-content{font-size:30px;flex-direction:column;width:750px}.port__about-content h1{font-size:50px;margin:0;margin-bottom:5rem;justify-content:left}.port__about-content p{font-size:20px;line-height:30px}@media screen and (max-width: 768px){.port__about{flex-direction:column}.port__about img{margin-right:0;margin-bottom:2rem}}@media screen and (max-width: 1050px){.port__about-image{width:350px;height:300px}}.port__header{font-family:var(--font-family);display:flex;align-items:center;justify-content:center;height:75vh}.port__header-name{flex-direction:column;text-align:center;padding:30px}.port__header-name p{font-size:100px;margin:0}.port__header-image{width:430px;height:430px;margin-left:5rem}.port__header-summary{font-size:20px}@media screen and (max-width: 1050px){.port__header-name p{font-size:80px}.port__header-image{width:350px;height:300px}}@media screen and (max-width: 700px){.port__navbar{padding:2rem 4rem}}.port__navbar{display:flex;justify-content:space-between;align-items:center;padding:2rem 6rem}.port__navbar-links{flex:1;display:flex;justify-content:flex-start;align-items:center}.port__navbar-links_logo{margin-right:1rem;cursor:pointer}.port__navbar-links_logo img{width:111px;height:99px}.port__navbar-links_container{display:flex;flex-direction:row}.port__navbar-sign{display:flex;justify-content:flex-end;align-items:center}.port__navbar-links_container p,.port__navbar-sign p,.port__navbar-menu_container p{color:#000;font-family:var(--font-family);font-weight:500;font-size:18px;line-height:25px;text-transform:capitalize;margin:0 1rem;cursor:pointer}.port__navbar-menu{margin-left:1rem;display:none;position:relative}.port__navbar-menu png{cursor:pointer}.port__navbar-menu_container{display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column;text-align:end;background-color:#f0f8ff;padding:2rem;position:absolute;right:0;top:40px;margin-top:1rem;min-width:210px;border-radius:5px;box-shadow:0 0 5px #f1eded}.port__navbar-menu_container p{margin:1rem 0}.port__navbar-menu_container-links-sign{display:none}@media screen and (max-width: 700px){.port__navbar-links_container{display:none}.port__navbar-menu{display:flex}}@media screen and (max-width: 550px){.port__navbar{padding:2rem}.port__navbar-sign{display:none}.port__navbar-menu_container{top:20px}}.port__contact{display:flex;flex-direction:row;align-items:center;justify-content:center;height:50vh;font-family:var(--font-family)}.port__contact h1{font-size:50px;margin:0;margin-bottom:1rem;padding-right:5rem}.port__contact a img{width:100px;height:100px;margin-left:10rem;align-items:center;justify-content:center}.port__contact a img p{font-size:5px;line-height:30px;margin-left:5rem}.port__projectList{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100vh;font-family:var(--font-family)}.port__projectList h1{font-size:50px;margin:0;margin-bottom:1rem;padding-right:10rem}.port__projectList img{width:430px;height:430px;margin-right:5rem}.port__projectList-content{font-size:30px;flex-direction:column;display:flex;width:750px}.port__projectList-content h2{padding-top:5rem;font-size:30px;margin:0;justify-content:left}.port__projectList-content p{font-size:20px;line-height:30px}@media screen and (max-width: 768px){.port__projectList{flex-direction:column;height:auto}.port__projectList img{margin-right:0;margin-bottom:2rem}}:root{--font-family: "Zen Maru Gothic", sans-serif;--color-bg: #c6faff;--color-footer: #031b34;--color-blog: #042c54;--color-text: #81afdd;--color-subtext: #ff8a71}