@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap";html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}ul{list-style:none}a{text-decoration:none}button,input,select{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,video{height:auto}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-h6: 1.125rem;--font-size-h5: 1.5rem;--font-size-h4: 1.75rem;--font-size-h3: 2.125rem;--font-size-h2: 2.5rem;--font-size-h1: 3rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-sm: 110%;--line-height-md: 120%;--line-height-lg: 150%;--spacing-xs: .25;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 2.5rem;--spacing-xxxl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: 1rem;--border-radius-xxl: 1.5rem;--border-radius-full: 9999px}@font-face{font-family:Welland;src:url(../font/WellandFREE.woff2) format("woff2"),url(../font/WellandFREE.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--font-title: "Welland", sans-serif;--font-body: "Montserrat", sans-serif}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:var(--font-weight-regular);line-height:var(--line-height-lg)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}body{font-family:var(--font-body);font-weight:var(--font-weight-regular);font-size:var(--font-size-base);line-height:var(--line-height-md)}:root{--black: rgba(33, 34, 36, 1);--white: rgba(255, 255, 255, 1);--lightbrown: rgb(147, 120, 88, 1);--darkbrown: rgb(76, 49, 41, 1);--beige: rgb(230, 223, 209, 1);--background: var(--white);--background-inverted: var(--black);--text: var(--black);--text-inverted: var(--white);--border: 1px solid var(--black);--border-sm: 2px solid var(--black);--border-md: 4px solid var(--black);--border-lg: 8px solid var(--black);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}:root[data-theme=light]{--background: var(--white);--background-inverted: var(--black);--text: var(--black);--text-inverted: var(--white);--border-sm: 2px solid var(--black);--border: 1px solid var(--black);--border-md: 4px solid var(--black);--border-lg: 8px solid var(--black);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}@media (prefers-color-scheme: dark){:root{--background: var(--black);--background-inverted: var(--white);--text: var(--white);--text-inverted: var(--black);--border-sm: 2px solid var(--white);--border: 1px solid var(--white);--border-md: 4px solid var(--white);--border-lg: 8px solid var(--white);--shadow-sm: 0 1px 2px 0 rgba(255, 255, 255, .05);--shadow: 0 1px 3px 0 rgba(255, 255, 255, .1), 0 1px 2px -1px rgba(255, 255, 255, .1);--shadow-md: 0 4px 6px -1px rgba(255, 255, 255, .1), 0 2px 4px -2px rgba(255, 255, 255, .1);--shadow-lg: 0 10px 15px -3px rgba(255, 255, 255, .1), 0 4px 6px -4px rgba(255, 255, 255, .1);--shadow-xl: 0 20px 25px -5px rgba(255, 255, 255, .1), 0 8px 10px -6px rgba(255, 255, 255, .1);--shadow-2xl: 0 25px 50px -12px rgba(255, 255, 255, .25)}}:root[data-theme=dark]{--background: var(--black);--background-inverted: var(--white);--text: var(--white);--text-inverted: var(--black);--border-sm: 2px solid var(--white);--border: 1px solid var(--white);--border-md: 4px solid var(--white);--border-lg: 8px solid var(--white);--shadow-sm: 0 1px 2px 0 rgba(255, 255, 255, .05);--shadow: 0 1px 3px 0 rgba(255, 255, 255, .1), 0 1px 2px -1px rgba(255, 255, 255, .1);--shadow-md: 0 4px 6px -1px rgba(255, 255, 255, .1), 0 2px 4px -2px rgba(255, 255, 255, .1);--shadow-lg: 0 10px 15px -3px rgba(255, 255, 255, .1), 0 4px 6px -4px rgba(255, 255, 255, .1);--shadow-xl: 0 20px 25px -5px rgba(255, 255, 255, .1), 0 8px 10px -6px rgba(255, 255, 255, .1);--shadow-2xl: 0 25px 50px -12px rgba(255, 255, 255, .25)}.app-container{position:relative;min-height:100vh;background-color:var(--background);padding:1rem;overflow-x:hidden;scroll-behavior:smooth}@media (min-width: 1024px){.app-container{padding:1.5rem}}.navigation__checkbox{display:none}.navigation__button{position:fixed;top:2rem;right:2rem;display:flex;justify-content:center;align-items:center;height:2.5rem;width:2.5rem;text-align:center;background-color:var(--black);border-radius:var(--border-radius-lg);z-index:300;cursor:pointer}.navigation__background{position:fixed;top:2rem;right:2rem;height:2.5rem;width:2.5rem;border-radius:var(--border-radius-lg);background:var(--lightbrown);background-size:cover;background-position:center;z-index:100;transition:all .8s cubic-bezier(.86,0,.07,1)}.navigation__nav{position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;opacity:0;width:100%;visibility:hidden;z-index:200;transition:all .8s cubic-bezier(.68,-.55,.265,1.55)}.navigation__list{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;list-style:none}.navigation__item{margin:1rem}.navigation__link:link,.navigation__link:visited{display:inline-block;padding:1rem 2rem;text-transform:uppercase;color:var(--white);font-size:2rem;text-decoration:none;transition:all .2s}.navigation__link span{margin-right:1.5rem;display:inline-block}.navigation__link:hover{transform:scale(1.1)}.navigation__checkbox:checked~.navigation__background{transform:scale(80);width:100%;border-radius:0}.navigation__checkbox:checked~.navigation__nav{visibility:visible;opacity:1}.navigation__icon{position:relative;top:0}.navigation__icon,.navigation__icon:before,.navigation__icon:after{display:inline-block;width:1.8rem;height:2px;background-color:var(--white)}.navigation__icon:before,.navigation__icon:after{content:"";position:absolute;left:0;transition:all .2s}.navigation__icon:before{top:-.6rem}.navigation__icon:after{top:.6rem}.navigation__button:hover .navigation__icon:before{top:-.8rem}.navigation__button:hover .navigation__icon:after{top:.8rem}.navigation__checkbox:checked+.navigation__button .navigation__icon{background-color:transparent}.navigation__checkbox:checked+.navigation__button .navigation__icon:before{top:0;transform:rotate(135deg)}.navigation__checkbox:checked+.navigation__button .navigation__icon:after{top:0;transform:rotate(-135deg)}.navbar{display:flex;justify-content:space-between;align-items:center}.navbar__logo{width:6rem}.foo{background-color:var(--lightbrown);border-radius:var(--border-radius-md);padding:var(--spacing-md);container:foo / inline-size;width:100%}.foo-container{display:flex;flex-direction:column;gap:var(--spacing-xl);container:footer / inline-size;width:100%;line-height:1.5}.foo-content__info,.foo-content{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.foo-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--white)}.foo-text{color:var(--white)}.foo-container__item,.foo__items,.foo__resume{display:flex;flex-direction:column;gap:var(--spacing-sm)}.foo__resume{max-width:500px}.foo-social__item{display:flex;gap:var(--spacing-md)}.foo-legal__item{display:flex;align-items:center;gap:var(--spacing-md)}.foo-item>a,.foo-item{color:var(--white)}@container footer (width >= 1024px){.foo-content,.foo-content__info{flex-direction:row;justify-content:space-between}}.linkEffect{display:inline-block;position:relative;text-decoration:none;color:var(--white);transition:color .3s ease}.linkEffect--rightToLeft:after{content:"";position:absolute;width:0%;height:2px;bottom:-1px;right:100%;background-color:#fff;transition:width .3s ease,right .3s ease}.linkEffect--rightToLeft:hover:after{width:100%;right:0}
