html{font-size:16px;margin:0 auto;max-width:90vw}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e1e1e;color:#b5b5b5;font-family:DM Sans,"sans serif";overflow-x:hidden}li{font-size:1.2rem;list-style:none}li a:hover{color:#a9758d;transition:color .5s ease}a{color:#b5b5b5;text-decoration:none}.nav-links{display:flex;gap:6rem;justify-content:center}hr{color:#b5b5b5;width:50vw}.nav-bar{margin:2rem 0}.sidebar{align-items:center;background-color:#2d2d2d;display:flex;flex-direction:column;height:100%;justify-content:flex-start;max-width:30rem;padding-top:6rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:100vw;z-index:5}.sidebar.active{transform:translateX(0)}.sidebar a{color:#b5b5b5;font-size:2rem}.sidebar li:hover{color:#a9758d}.close-icon,.hamburger-icon{color:#b5b5b5;cursor:pointer;font-size:3rem;position:absolute;right:10%;top:4%;z-index:10}.about,.header,.projects{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.about.fade-in,.header.fade-in,.projects.fade-in{opacity:1;transform:translateY(0)}h1 span{font-family:blockhead-black-face,sans-serif;font-size:3.5rem;font-style:normal;font-weight:400}h1{font-size:2.5rem}.arrow,.description{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.description{height:60vh}.arrow{margin:2rem 0 5rem}h1 .name{color:#a9758d}h1 .profession{color:#5a8f7b}p{font-size:1.5rem;line-height:2.25rem}.scroll-button{align-items:center;animation:fade_move_down 4s ease-in-out infinite;background-color:inherit;border:2px solid #b5b5b5;border-left:none;border-top:none;color:#b5b5b5;cursor:pointer;display:flex;height:2rem;justify-content:center;outline:none;transform:translate(-50%) rotate(45deg);width:2rem}@keyframes fade_move_down{0%{opacity:0;transform:translateY(-10px) rotate(45deg)}50%{opacity:1}to{opacity:0;transform:translateY(10px) rotate(45deg)}}h2{color:#a9758d;font-family:blockhead-black-face,sans-serif;font-size:3.5rem;font-style:normal;font-weight:400;text-align:center}.me,.project-card{grid-gap:5rem;align-items:center;display:grid;gap:5rem;grid-auto-flow:column;justify-content:center;margin:auto;max-width:80vw;position:relative}.me{margin-bottom:7rem}.me img{border-radius:1rem;width:20vw}.contacts{display:flex;gap:6rem;justify-content:center;margin:4rem 0}.contacts img{margin-right:.7rem;width:2vw}.contacts li{align-items:center;display:flex}@media screen and (min-width:0px) and (max-width:768px){html{font-size:12px;margin:0 auto;width:80vw}.description h1,.description span{font-size:1.6em}.contacts{display:block}.contacts img{width:5vw}.contacts li{margin-top:1rem}.me{display:block}.me img{width:70vw}.nav-hr{display:none}.nav-links{display:block}.nav-links li{margin:1rem auto}}@media screen and (min-width:769px) and (max-width:1024px){html{font-size:14px;margin:0 auto;width:80vw}.description h1,.description span{font-size:1.8em}.contacts{display:block}.contacts img{width:5vw}.contacts li{margin-top:1rem}.me{display:block}.me img{width:70vw}}.projects-container{display:block;margin:0 auto;max-width:80vw}.project-card{align-items:stretch;border-radius:1rem;box-shadow:.5px .5px .5px #000,0 0 2.5px #5a8f7b;display:flex;flex-direction:row;gap:2rem;margin-top:1.5rem;overflow:hidden}.project-card:hover{box-shadow:.5px .5px .5px #000,0 0 4px #5a8f7b}.project-card img{border-radius:1rem;flex-shrink:0;object-fit:cover;width:20vw}.elements{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.5rem 0}.project-title{color:#5a8f7b;font-family:blockhead-black-face,sans-serif;font-size:2.5rem;font-weight:400;margin:0;text-align:left}.project-description{flex-grow:1;font-size:1.2rem;line-height:1.6;margin:1rem 0;text-align:left;width:100%}.view-more-btn{align-self:flex-start;background-color:inherit;border:1.5px solid #a9758b;border-radius:20px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:.5rem 1rem;transition:all .3s ease;width:auto;z-index:2}.view-more-btn a{color:inherit;text-decoration:none}.view-more-btn:hover{background:linear-gradient(90deg,#a9758b,#8b5866);color:#fff}.view-more-btn:active{background-color:#a9758b;border:none;color:#fff}@media screen and (max-width:1024px){.projects-container{display:flex;gap:3rem;justify-content:center;max-width:80%}.project-card,.projects-container{align-items:center;flex-direction:column}.project-card{box-shadow:.5px .5px .5px #000,0 0 2.5px #5a8f7b;text-align:center}.project-card img{width:100%}.elements{align-items:center;width:90%}.project-description,.project-title{text-align:center}.view-more-btn{align-self:center;font-size:1.5rem;margin-top:1rem;padding:.7rem;width:15rem}.project-description{font-size:1.8rem}}
/*# sourceMappingURL=main.f0a2f272.css.map*/