@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);:root{--font-family:"Lato";--h1-size:40px;--h2-size:19px;--h3-size:17px;--p-size:16px;--text:#f4efe6;--background:#19140c;--primary:#d5c3a4;--secondary:#396c32;--accent:#55b076;--text-bold:#fff;--box-background:hsla(38,37%,74%,.05)}:root.isLight{--text:#19140b;--background:#f3efe7;--primary:#5b492a;--secondary:#9acd93;--accent:#4fab71;--text-bold:#000;--box-background:rgba(91,73,42,.05)}*,:after,:before{box-sizing:border-box}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;text-rendering:optimizeLegibility;vertical-align:baseline;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,main,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}html{scroll-padding-top:100px}body{background-color:var(--background);color:var(--text);font-family:var(--font-family),sans-serif;font-size:var(--p-size);line-height:1.3}a{display:flex;text-decoration:none}.h1{font-size:var(--h1-size)}.h1,.h2{color:var(--text-bold);font-weight:700}.h2{font-size:var(--h2-size)}.h3{color:var(--text-bold);font-size:var(--h3-size);font-weight:700}.Portfolio{display:flex;flex-direction:column;min-height:100vh;padding:40px 25px}@media(min-width:1025px){.Portfolio{flex-direction:row;gap:50px;padding:0 80px}}.Portfolio-header{background-color:var(--box-background);border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;padding:20px}@media(min-width:1025px){.Portfolio-header{height:calc(100vh - 200px);max-width:40%;position:sticky;top:100px;width:100%}}.Portfolio-me{display:flex;flex-direction:column}.Portfolio-subtitle{margin-top:10px}.Portfolio-description{margin-top:15px}.Portfolio-menu{display:none}@media(min-width:1025px){.Portfolio-menu{display:flex;text-transform:uppercase}}.Portfolio-form{margin-top:70px}@media(min-width:1025px){.Portfolio-form{margin-top:0}}.Portfolio-tools{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:70px}@media(min-width:1025px){.Portfolio-tools{margin-top:0}}.Portfolio-links,.Portfolio-switchers{display:flex;flex-direction:row;gap:10px}.Portfolio-links a,.Portfolio-links button,.Portfolio-switchers a,.Portfolio-switchers button{color:var(--text-bold)}.Portfolio-links a svg,.Portfolio-links button svg,.Portfolio-switchers a svg,.Portfolio-switchers button svg{width:24px}.Portfolio-links a svg path,.Portfolio-links button svg path,.Portfolio-switchers a svg path,.Portfolio-switchers button svg path{fill:var(--text-bold)}@media(min-width:1025px){.Portfolio-links a,.Portfolio-links button,.Portfolio-switchers a,.Portfolio-switchers button{color:var(--text)}.Portfolio-links a svg path,.Portfolio-links button svg path,.Portfolio-switchers a svg path,.Portfolio-switchers button svg path{fill:var(--text)}.Portfolio-links a:hover,.Portfolio-links button:hover,.Portfolio-switchers a:hover,.Portfolio-switchers button:hover{color:var(--text-bold)}.Portfolio-links a:hover svg path,.Portfolio-links button:hover svg path,.Portfolio-switchers a:hover svg path,.Portfolio-switchers button:hover svg path{fill:var(--text-bold)}}.Portfolio-links button,.Portfolio-switchers button{background:none;border:none;cursor:pointer;margin:0;padding:0}.Portfolio-theme .Portfolio-dark{display:flex}.Portfolio-theme .Portfolio-light{display:none}.Portfolio-theme.isLight .Portfolio-light{display:flex}.Portfolio-theme.isLight .Portfolio-dark{display:none}@media(min-width:1025px){.Portfolio-content{max-width:60%;padding:100px 0;width:100%}}.Portfolio-sections{display:flex;flex-direction:column;gap:25px;margin-top:40px}@media(min-width:1025px){.Portfolio-sections{margin-top:0}}.Menu{display:flex;flex-direction:column;gap:15px}.Menu-link a{align-items:center;color:var(--text-bold);display:flex;flex-direction:row;gap:10px}.Menu-link a:hover{color:var(--accent)}.Menu-link a:hover svg{transform:translateX(10px);transition:.5s}.Menu-link a:hover svg path{fill:var(--accent)}.Menu-link a svg{height:20px;width:20px}.Menu-link a svg path{fill:var(--text-bold)}.Section{background-color:var(--box-background);border-radius:20px;display:flex;flex-direction:column;padding:20px;width:100%}.Section-title{margin-bottom:10px;text-transform:uppercase}.Listing{gap:40px}.Listing,.Listing-item{display:flex;flex-direction:column}.Listing-item{gap:10px}@media(min-width:769px){.Listing-item{flex-direction:row}.Listing-date{min-width:25%}}.Listing-content{display:flex;flex-direction:column;gap:10px}.Listing-img{border-radius:5px;max-width:100%}.Listing-title{align-items:center;gap:10px}.Listing-links,.Listing-title{display:flex;flex-direction:row}.Listing-links{gap:5px}.Listing-link{align-items:center;flex-direction:row}.Listing-link:hover svg{transition:.5s}.Listing-link:hover svg path{fill:var(--accent)}.Listing-link svg{height:20px;width:20px}.Listing-link svg path{fill:var(--text-bold)}.Listing-link.hasArrowIcon:hover{transform:translate(2px,-2px);transition:.5s}.Listing-description strong{font-weight:700}.Listing-description em{font-style:italic}.Listing-description ul{list-style:disc}.Listing-description ol{list-style:decimal}.Listing-description ol,.Listing-description ul{padding-left:30px}.Listing-city{align-items:center;display:flex;gap:5px}.Listing-city svg{height:16px;width:16px}.Listing-city svg path{fill:var(--text)}.Listing-tools{display:flex;flex-wrap:wrap;gap:5px}.Tag{align-items:center;background-color:var(--secondary);border-radius:14px;color:var(--text-bold);height:28px;padding:0 8px}.Form,.Tag{display:flex}.Form{flex-direction:column;gap:15px}.Form-fieldset{gap:10px}.Form-field,.Form-fieldset{display:flex;flex-direction:column-reverse}.Form-field{gap:5px}.Form input[required]+label:after{content:"*"}.Form button,.Form input{background:transparent;border:1px solid var(--text);border-radius:5px;color:var(--text-bold);font-family:var(--font-family),serif;font-size:16px;outline:none;padding:8px}.Form button:focus,.Form input:focus{outline:3px solid var(--text-bold);outline-offset:-2px}.Form .Form-button{align-items:center;background-color:var(--secondary);border-color:var(--secondary);border-radius:14px;color:var(--text-bold);cursor:pointer;display:flex;height:28px;padding:0 8px;width:fit-content}.Form-error{color:red}