:root{--color-pharmacy-red:red;--color-pharmacy-pink:#f9d9d5;--color-sew-beige:#e4d8c4;--color-sew-navy:#272d45;--color-posts-turcoise:#75a3a3;--color-posts-grey:#f0f0f0;--color-posts-green:#cbe6d3;--color-portfolio:#9bafaf;--color-contrast:#469999;--color-basicPageReact-pink:#ff7bac;--color-basicPageHTMLSCSS:#2b98fa;--color-kanban:#f842be}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%)}}.header{flex-direction:column;margin:0 auto;max-width:1440px;padding:5em 1.5em 2px;position:relative}.header,.mobile-nav{align-items:center;display:flex;width:100%}.mobile-nav{background-color:#719393;justify-content:flex-end;left:0;padding:1em 1.5em;position:fixed;top:0;z-index:2000}@media only screen and (min-width:768px){.mobile-nav{display:none}}.burger-menu{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .3s ease-in-out}.burger-menu:hover{background-color:#719393}.burger-menu svg{color:#fff;transition:transform .3s ease-in-out,color .3s ease-in-out}.burger-menu:hover svg{color:#fff;transform:scale(1.1)}.nav{height:100%;left:0;padding:4em 2em;position:fixed;top:0;transform:translateX(100%);width:100%}.nav.open{transform:translate(0);transition:transform 1.5s linear}@media only screen and (min-width:1200px){.nav{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1em;position:absolute;transform:translate(0)}}.menu{display:flex;flex-direction:column;height:100%;justify-content:space-evenly;width:100%}@media only screen and (min-width:768px){.menu{flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin-left:auto;width:85%}}.menu__link{color:#757171;font-size:2.2rem;transition:color .3s}.menu__link:active,.menu__link:hover{color:#719393}.link{display:flex}.link__decoration{background-color:#719393;-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:block;margin:auto .5em auto 0;padding:.3em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}body{background-color:#f8f2f2;background-image:url(/static/media/background.ed783f4afc350295b064.jpg);background-position:50%;background-size:cover;color:#757171;font-family:Bebas-regular,sans-serif;font-size:1rem;font-weight:400;line-height:1.8;overflow-x:hidden}*,body{margin:0;padding:0}*{box-sizing:border-box;scroll-behavior:smooth}a{text-decoration:none}.container{height:90vh;margin:5vh 5vw;position:relative;width:90vw}.board{height:100%;width:100%}.board,.board__element{display:flex}.board__element>*{align-items:center;display:flex;justify-content:center}.board__element>*,.section{height:100%;width:100%}@media only screen and (min-width:768px){.section{height:900vh;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100vw}}.section.about,.section.contact,.section.header,.section.projects{height:100vh;left:50%;left:0;margin-right:5vw;position:absolute;top:50%;transform:translate(-50%,-50%);transform:translateY(-50%);width:100vw}@media only screen and (min-width:768px){.section.about,.section.contact,.section.header,.section.projects{left:50%;transform:translate(-50%,-50%)}}.container__board--2{display:grid;grid-template-rows:repeat(2,1fr)}.container__board--2>*{padding:2px}.container__board--3{display:grid;grid-template-rows:repeat(3,1fr)}.container__board--3>*{padding:2px}.container__board--4{display:grid;grid-template-rows:repeat(4,1fr)}.container__board--4>*{padding:2px}.container__board--5{display:grid;grid-template-rows:repeat(5,1fr)}.container__board--5>*{padding:2px}.container__board--6{display:grid;grid-template-rows:repeat(6,1fr)}.container__board--6>*{padding:2px}.container__board--7{display:grid;grid-template-rows:repeat(7,1fr)}.container__board--7>*{padding:2px}.container__board--8{display:grid;grid-template-rows:repeat(8,1fr)}.container__board--8>*{padding:2px}.container__board--9{display:grid;grid-template-rows:repeat(9,1fr)}.container__board--9>*{padding:2px}.container__board--10{display:grid;grid-template-rows:repeat(10,1fr)}.container__board--10>*{padding:2px}ul{list-style:none;padding:0}figure,ul{margin:0}img{height:100%;object-fit:contain;width:100%}
/*# sourceMappingURL=main.b5b9aa57.css.map*/