/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.footerContainer{width:85vw;margin:0 auto;color:#fff;font-family:Archivo,Arial,sans-serif}.footer{border-top:1px solid rgba(255,255,255,.32);padding:1rem 0;font-size:.875rem;font-weight:300;text-align:center}.portfolio{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;font-family:Archivo,Arial,sans-serif}.portfolio h1{font-size:2rem;font-weight:700;max-width:18rem;margin-left:1.6rem}.portfolio h2{font-size:1.125rem;font-weight:700;color:#ffffff79;margin-left:1.6rem;margin-bottom:1.4rem}@media (min-width: 650px) and (max-width: 1079px){.portfolio{width:46rem;gap:2rem}}@media (min-width: 1080px){.portfolio{width:46rem;margin-bottom:6em;margin-top:2em;gap:2rem}}@media (min-width: 1246px){.portfolio{width:100%}}.portfolio .pictureSection{min-width:22rem;height:22rem;overflow:hidden}.portfolio .pictureSection .blue{background:linear-gradient(to bottom right,#000 40%,#075d8f91 80%)}.portfolio .pictureSection .red{background:linear-gradient(to bottom right,#000 40%,#750000ab 80%)}.portfolio .pictureSection .purple{background:linear-gradient(to bottom right,#000 40%,#5c0064c2 80%)}.portfolio .pictureSection a{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.portfolio .pictureSection a img{transform:scale(.95);position:absolute;top:5rem;right:0;z-index:2;transition:transform .3s ease}.portfolio .pictureSection a:hover img{z-index:4;transform:translate(-4.6rem,.5rem) scale(1.4)}.portfolio .pictureSection a:hover h1,.portfolio .pictureSection a:hover h2{opacity:0}@media (min-width: 817px){.pictureSection:nth-child(3){margin-right:auto}}@media (min-width: 1080px){.pictureSection:nth-child(3){margin-right:auto}}.header{position:fixed;top:0;left:0;z-index:5;width:100vw;border-bottom:2px solid rgba(255,255,255,.438);height:3.8em;padding:.5rem 0 4px;background-color:#0c0c0c;font-family:Archivo,Arial,sans-serif}.header .link:hover{text-decoration:none}.headerContainer{width:85vw;height:100%;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;background-color:#0c0c0c}.filler{width:2.7em}@media (min-width: 650px) and (max-width: 1079px){.filler{width:3.8em}}@media (min-width: 1080px){.filler{width:20.6em}}.kory{width:10em;font-weight:700;font-size:1.125rem;text-align:center}.menu{position:relative;margin-top:0;padding:0;border:0;background:transparent;cursor:pointer}@media (min-width: 650px) and (max-width: 1079px){.menu{padding:.5em}}@media (min-width: 1080px){.menu{display:none}}.menu span{display:block;background-color:#fff;border-radius:2px;height:3px;width:1.55rem;margin:6px}.headerMenu .nav{opacity:0;transition:.5s ease-out;display:none}@media (min-width: 1080px){.headerMenu .nav{opacity:1;width:20.6em;display:block}}.headerMenu .nav ul{display:flex}@media (min-width: 650px) and (max-width: 1079px){.headerMenu .nav ul{padding:0;flex-direction:column;align-items:center;gap:3em}}@media (max-width: 649px){.headerMenu .nav ul{padding:0;flex-direction:column;align-items:center;gap:3em}}.headerMenu .nav ul li{list-style:none;color:#fff;padding:.3em}@media (min-width: 1080px){.headerMenu .nav ul li{padding:1em}}.headerMenu .cross span{transition:.5s ease-out}.headerMenu .cross span:nth-child(1){transform:rotate(45deg) translate(3.5px,9px)}.headerMenu .cross span:nth-child(2){opacity:0}.headerMenu .cross span:nth-child(3){transform:rotate(-45deg) translate(3.5px,-9px)}.headerMenu .mobileMenu1{display:block;position:absolute;width:100%;left:0;top:35px;border-bottom:2px solid rgba(255,255,255,.438);background-color:#0c0c0c;padding-bottom:1rem}.headerMenu .mobileMenu2{opacity:1;transform:translateY(10%)}h1{font-size:2rem;line-height:2.2rem}h2{font-size:1.5rem;line-height:1.85rem;width:100%}p{font-size:1rem;line-height:1.1rem}.about{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;font-family:Archivo,Arial,sans-serif;max-width:640px}@media (min-width: 650px) and (max-width: 1079px){.about{justify-content:center;gap:3em}}@media (min-width: 1080px){.about{justify-content:center;gap:3em}}@media (min-width: 650px) and (max-width: 1079px){.about .aboutText{max-width:80%}}@media (min-width: 1080px){.about .aboutText{max-width:80%}}.about .aboutLogos{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:20rem}@media (min-width: 650px) and (max-width: 1079px){.about .aboutLogos{max-width:100%}}@media (min-width: 1080px){.about .aboutLogos{max-width:100%}}.about .aboutLogos img{width:70px;height:70px;padding:1em}.about .aboutLogos .skoda,.about .aboutLogos .nestle{width:65px}.about .aboutLogos .windingtree{width:102px;height:102px;padding:0}.contact{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;font-family:Archivo,Arial,sans-serif}.contact h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}@media (min-width: 1248px){.contact{flex-direction:row;justify-content:space-around}}.contact .contactForm{width:100%;max-width:36.5rem;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.contact .contactForm input,.contact .contactForm textarea{background-color:#0c0c0c;border:1px solid rgba(255,255,255,.747);color:#fff;padding:.75rem;font-weight:300}.contact .contactForm input:not(:placeholder-shown),.contact .contactForm textarea:not(:placeholder-shown){background-color:#000}.contact .contactForm textarea{resize:none;height:10rem}.contact .contactForm label{display:flex;align-items:center}.contact .contactForm #gdpr{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0c0c0c;width:1.5rem;height:1.5rem;margin:0 1rem 0 0;position:relative;transition:transform 1.5s ease-in-out}.contact .contactForm #gdpr:checked:after{content:"";position:absolute;width:6px;height:14px;border-bottom:2px solid white;border-right:2px solid white;transform:rotate(45deg) translate(1px,-3px);top:3px;left:5px}.contact .contactForm span{color:#ffffff79;font-weight:300;font-size:1rem;line-height:1.15rem}.contact .contactForm .formButt{height:4rem;font-weight:700}.contact .contactForm .formButt:disabled{cursor:not-allowed;opacity:.45}.contact .contactForm .formMessage{color:#fff;font-weight:300;font-size:1rem;min-height:1.25rem}.contact .contactForm .formMessage.error{color:#ffb6b6}.contact .contactForm .formMessage.success{color:#b8f5ce}.contact .contactInfo{display:flex;flex-direction:column;gap:3rem;margin-bottom:2rem}@media (min-width: 650px) and (max-width: 1079px){.contact .contactInfo{flex-direction:row;justify-content:space-around}}.contact .contactInfo .aboutButton{display:flex;flex-direction:column;align-items:center;background:transparent;border:0;color:#fff;font-family:Archivo,Arial,sans-serif;font-weight:700;font-size:1.25rem;gap:2rem}.contact .contactInfo .aboutButton img{width:6rem}.contact .contactInfo .aboutButton:hover{text-decoration:underline}button{-webkit-appearance:none}.portContainer{max-width:400px;margin:0 auto;font-family:Archivo,Arial,sans-serif}@media (min-width: 650px) and (max-width: 1079px){.portContainer{max-width:730px}}@media (min-width: 1080px){.portContainer{max-width:805px}}.portContainer .portMain{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.portContainer .portMain button{font-size:10px;font-weight:400;text-align:left;background:none;border:none;width:100%}.portContainer .portMain button span{display:inline-block;width:5.5px;height:5.5px;border-top:1px solid white;border-left:1px solid white;transform:rotate(-45deg)}.portContainer .portMain .row{display:flex;flex-wrap:wrap;margin:auto auto 2em;gap:1em;justify-content:center}.portContainer .portMain .row .col{width:22rem}.portContainer .portMain .row .col img{max-width:22rem}.portContainer .portMain .col{display:flex;flex-wrap:wrap;margin-bottom:2em;width:100%}@media (min-width: 650px) and (max-width: 1079px){.portContainer .portMain .col{width:48%}}@media (min-width: 1080px){.portContainer .portMain .col{width:48%}}.portContainer .portMain .col h1{font-size:2rem;line-height:39.17px;font-weight:700}.portContainer .portMain .col h2{font-size:1.125rem;line-height:21.76px;font-weight:700}.portContainer .portMain .col p{font-size:1rem;line-height:17.41px;font-weight:300}.portContainer .portMain .col li{font-size:1rem;line-height:17.41px;font-weight:300;margin-bottom:.7rem}.portContainer .portMain .col img{max-width:47%;align-self:center;margin:auto}@media (min-width: 650px) and (max-width: 1079px){.portContainer .portMain .col img{margin:auto}}@media (min-width: 1080px){.portContainer .portMain .col img{margin-top:2em}}.portContainer .portMain .col .secondPic{align-self:center;max-width:50%;margin-bottom:3em}@media (min-width: 650px) and (max-width: 1079px){.portContainer .portMain .col .secondPic{max-width:60%}}.portContainer .portMain .previous{margin:0}.portContainer .portMain .projects{font-size:20px;line-height:21.76px;font-weight:600;width:100%;text-align:center;margin-bottom:2em}@media (max-width: 649px){.col1{order:1}.col2{order:2}.col3{order:3}.col4{order:4}.col5{order:6}.col6{order:5}.col7{order:7}.col8{order:8}.col9{order:9}.col10{order:10}.projects{order:11}.row{order:12}}#root{margin:0;padding:0;box-sizing:border-box;background-color:#0c0c0c}body{overflow:auto}.opened{display:block}.closed{display:none!important}.opened2{display:flex}a{font-weight:700;color:#fff;text-decoration:none}a:hover{text-decoration:underline}a:focus{text-decoration:underline}a:focus-visible{outline:none}.container{width:90vw;max-width:1200px;min-height:83vh;margin:0 auto;position:relative;display:flex;align-items:flex-start;justify-content:center;background-color:#0c0c0c;padding-top:6rem;padding-bottom:2rem}button{cursor:pointer}button:focus{outline:1px dotted white}:root{color:#fff;background-color:#0c0c0c;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}@supports (-moz-appearance: none){html{scroll-behavior:auto}}