body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Roboto,sans-serif}p{font-size:1rem}.App{display:flex;flex-direction:column;height:100vh}.main{flex:1 0 auto;padding:2vh 10vw}.button:hover{color:#fff;background-color:#000}.button{font-size:1.5rem;color:#000;background-color:#fff;border:2px solid #000000}.button-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:2vw}.search-input{color:#000;font-size:16px;margin:1vw 0vw}.header{display:flex;flex-shrink:0;flex-direction:row;justify-content:space-between;background-color:#fff;align-items:center;padding:2vh 2vw;background:#fff;border-bottom:2px solid #ddd}.burger-menu{display:none;font-size:28px;background:none;border:none;cursor:pointer}.nav-links{display:flex;gap:20px}.nav-links a{text-decoration:none;color:#000}.footer{flex-shrink:0;display:flex;flex-direction:row;justify-content:space-between;background-color:#fff;padding:0vw 2vw}.footer img{width:2rem}.footer div{padding:1rem 2rem}.links{display:flex;flex-direction:row;justify-content:center;gap:2rem}.headerLogo{width:8rem}h1{font-weight:700;font-size:8rem;margin:0rem}a{font-weight:700;text-decoration:none;color:#000}a:hover{text-decoration:underline}a>h2{font-size:2rem}.aboutPage{padding-top:2vh;padding-bottom:2vh;display:flex;flex-direction:row;align-items:flex-start}.aboutMeParagraph{width:80%;padding:0vw 3vw}.profilFoto{width:20%}.projectsPage{padding-top:2vh;padding-bottom:2vh}.projects{padding:2vw 0vw 5vw;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:2vw 0vw}.singleProject{display:flex;flex-direction:column;width:25%;transition:transform .3s ease-in-out;border:solid 20px white;text-decoration:none!important}.singleProject:hover{outline:1px solid black;transform:scale(1.1);text-decoration:none!important}.singleProject a{text-decoration:none!important;font-weight:400}.singleProject h2{text-align:center}.singleProject img{width:100%}.gigs-container{max-height:6vw;overflow:auto}.imprint{padding-top:2vh;padding-bottom:2vh;display:flex;flex-direction:column;gap:2rem}@media only screen and (max-width: 800px){.burger-menu{display:block}.nav-links{position:absolute;top:33vw;left:0;width:100%;background:#fff;display:flex;flex-direction:column;align-items:center;gap:15px;padding:15px;transform:translateY(-130%);transition:transform .3s ease-in-out}.nav-links.open{transform:translateY(0)}.menu-icon{color:#000}h1{font-size:2.5rem}.headerLogo{width:5rem}.header a{font-size:2rem}.header{padding:1rem;gap:1rem}.projectsPage{padding:0vw 2vw}.singleProject{width:80%}.gigs-container{max-height:20vw}}