@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--background-clr-first: #f5fbef;--background-clr-second: #92ad94;--background-clr-third: #748b75;--text-clr: #503d42;--detail-clr: #84c318;--font-first: "Montserrat", sans-serif}body{font-family:var(--font-first);font-weight:900;font-optical-sizing:auto;font-style:normal;font-size:16px;color:var(--text-clr);background-color:var(--background-clr-first)}ul{list-style-type:none}img{width:100%;height:100%;object-fit:cover}a{text-decoration:underline 1px;color:var(--text-clr);cursor:pointer;transition:color .3s ease}a:hover{color:var(--detail-clr)}h1{font-family:var(--font-first);font-weight:600;font-style:normal;font-size:96px;line-height:.9em}h2{font-family:var(--font-first);font-weight:400;text-decoration:underline;font-size:48px;line-height:1.2em}h3{font-family:var(--font-first);font-weight:400;font-style:normal;font-size:36px;line-height:1.2em}h4,h5,h6{font-family:var(--font-first);font-weight:400;font-style:normal;font-size:24px;line-height:1.2em}@media screen and (max-width: 768px){h1{font-size:64px}h2{font-size:36px}h3{font-size:24px}h4,h5,h6{font-size:18px}body{font-size:14px}}@media screen and (max-width: 576px){h1{font-size:48px}h2{font-size:24px}h3{font-size:18px}h4,h5,h6{font-size:14px}}.container{margin-left:150px;width:calc(100% - 150px)}@media screen and (max-width: 576px){.container{margin-left:0;width:100%}}.nav__big{position:fixed;left:0;top:0;z-index:1000;height:100dvh;width:150px;background-color:var(--background-clr-first);border-right:5px solid var(--text-clr);display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:2rem}.nav__small{display:none}nav a{font-size:24px;text-decoration:none}.hamburger{display:none;cursor:pointer;padding:1rem}@media screen and (max-width: 576px){.nav__big{display:none;background:none}.nav__small{position:absolute;width:100%;top:0;left:0;display:flex;flex-direction:column;align-items:center;background-color:var(--background-clr-first);height:0;overflow:hidden;transition:all .3s ease-in-out;z-index:999}.nav__small.menu-open{position:fixed;top:0;left:0;width:100%;height:100dvh;opacity:1;justify-content:space-evenly}.hamburger{display:block;position:fixed;left:1rem;top:1rem;z-index:1000;background:none;border:none;transition:transform .3s ease}.nav__small a{opacity:0;transform:translateY(20px);transition:all .3s ease-in-out}.nav__small.menu-open a{opacity:1;transform:translateY(0)}}.element__about{background-color:var(--background-clr-first);min-height:100dvh;padding:2rem 0;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.img-wrapper__about{width:500px;aspect-ratio:5/7;overflow:hidden;border-radius:20px;margin-inline:25px}.element__about--text{border-radius:20px;background-color:var(--background-clr-third);height:100%;width:700px;padding:20px;margin-inline:25px}@media screen and (max-width: 992px){.element__about{flex-direction:column;margin-inline:2rem;row-gap:2rem}.img-wrapper__about,.element__about--text{width:100%}}@media screen and (max-width: 768px){.element__about{margin-inline:2rem}.element__about--text,.img-wrapper__about{width:100%}}.element__home{min-height:100dvh;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-block:75px}.element__home:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/home-background-img.jpeg);background-size:cover;background-position:center;opacity:.5;z-index:-1}.element__home--title{padding:0 5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:20px}@media screen and (max-width: 768px){.element__home--title{padding:0 2rem}}.element__projects{border-block:5px solid var(--text-clr);padding:2rem 0;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:25px}.element__projects-container{background-color:var(--background-clr-first);padding-inline:2rem;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:25px}.element__projects-container-alt{border-block:5px solid var(--text-clr);background-color:var(--background-clr-first);padding-inline:2rem;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.element__projects--article{border-radius:20px;background-color:var(--background-clr-second);padding:2rem 1rem;max-width:300px;min-height:500px;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;row-gap:20px}.img-wrapper__projects{width:100%;aspect-ratio:5/4;overflow:hidden;border-radius:20px}.container h2{text-align:center}.button__projects{display:none;background-color:var(--background-clr-third);border:none;border-radius:20px;padding:25px;width:100%;max-width:500px;font-size:24px;font-weight:700;color:var(--text-clr);cursor:pointer;transition:background-color .3s ease}.element__contact{border-radius:20px;background-color:var(--background-clr-second);min-height:100dvh;padding:2rem;margin:2rem auto;max-width:1250px;width:calc(100% - 4rem);display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:20px}.element__contact--form{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:20px}input,textarea{background-color:var(--background-clr-third);border:none;border-radius:20px;padding:25px;width:100%;max-width:750px;font-size:24px;font-weight:700}.button__contact{background-color:var(--background-clr-third);border:none;border-radius:20px;padding:25px;width:100%;max-width:500px;font-size:24px;font-weight:700;color:var(--text-clr);cursor:pointer;transition:background-color .3s ease}button:hover{background-color:var(--detail-clr)}.footer{border-top:5px solid var(--text-clr);background-color:var(--background-clr-first);padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:20px}.footer__article{border-radius:20px;background-color:var(--background-clr-second);width:100%;max-width:1250px;padding:2rem 1rem;display:flex;flex-direction:row;justify-content:space-around;align-items:center}