*{margin:0;padding:0;text-decoration:none;list-style:none;box-sizing:border-box}body{background-image:url(/build/assets/backgroundimage.9bd855e0.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;height:100vh;background-color:#606676}nav{display:flex;justify-content:space-between;background-color:#b8b8b8;height:80px;width:100%;border-bottom:solid 3px #606676}nav>ul{margin-right:0;flex-grow:1}ul li:first-child{justify-content:left}label.Logo{font-family:Gadugi,serif;color:#000;font-size:40px;font-weight:700;padding:0 20px;line-height:80px}nav ul{margin-right:40px;display:flex;flex-direction:row;align-content:end;justify-content:right;font-family:Gadugi,serif}nav li{display:inline-block;margin:0 8px;line-height:80px}nav a{color:#000;font-size:18px;text-transform:uppercase;border:1px solid transparent;padding:7px 10px;border-radius:3px}nav a.active,nav a:hover{border:1px solid #606676;transition:.5s}a.TranslateButton.active,a.TranslateButton:hover{border:1px solid transparent}.TextBoxHome,.TextBoxOvermij{background-color:#ffffff8c;width:800px;height:auto;margin:auto;border-bottom:solid #8D97A8 3px;border-left:solid #8D97A8 3px;border-right:solid #8D97A8 3px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;padding:25px;display:flex;flex-direction:column;font-family:Gadugi,serif;font-size:22px}.h2{font-family:Arial Black,serif}.PictureAboutMe{display:flex;justify-content:center;animation:fade 1s ease;animation-name:fadeInAnimation;opacity:1}.PictureOfMe{border-radius:20px}.Programminglanguages{display:flex;justify-content:space-between;margin-top:25px}.ProjectContainers{display:flex;flex-direction:row;align-content:center;max-width:1000px;flex-wrap:wrap;justify-content:space-between;margin:0 auto}.ProjectBox1,.ProjectBox2,.ProjectBox3,.ProjectBox4,.ProjectBox5,.ProjectBox6{background-color:#ffffff8c;width:30%;height:300px;min-width:250px;margin:40px 0;border:solid #8D97A8 3px;padding:55px;border-radius:20px;display:flex;justify-content:center;align-items:center;font-family:Gadugi,serif;font-size:25px}.ContactBoxMail,.ContactBoxlinkedin,.ContactBoxDiscord,.ContactBoxInstagram{background-color:#ffffff8c;font-size:35px;width:500px;height:135px;margin:25px auto;border:solid #8D97A8 3px;border-radius:20px;padding:35px;display:flex;justify-content:center;font-family:Bahnschrift,serif}.fa-envelope,.fa-linkedin,.fa-discord,.fa-square-instagram{color:#000;display:flex;justify-content:space-around;animation:fade 2.5s ease;animation-name:fadeInAnimation;opacity:1}.MailText,.LinkedinText,.DiscordText,.InstagramText{color:#000;text-decoration:none;animation:fade 5s ease;animation-name:fadeInAnimation;opacity:1}.Menu-Clicker{display:none}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@media only screen and (max-width: 1200px){.ProjectContainers{display:flex;flex-direction:column;justify-content:space-between}}@media only screen and (max-width: 985px){label.Logo{font-size:28px}.TextBoxHome,.TextBoxOvermij{width:auto;height:auto;margin-left:50px;margin-right:50px;margin-bottom:auto}@media only screen and (max-width: 750px){label.Logo{font-size:22px;font-weight:700;padding:0 15px}nav a{font-size:15px;text-transform:uppercase;border:1px solid transparent;padding:4px 3px;border-radius:3px}}@media only screen and (max-width: 650px){.Menu-Clicker{display:inline-block;color:#34497d;margin:auto 20px}nav{display:flex;flex-direction:column}nav div{display:flex;width:100vw;justify-content:space-between}nav ul{margin-right:40px;display:none;flex-direction:column;justify-content:center;background-color:#b8b8b8;width:40vw}label.Logo{padding:0 20px;font-size:15px}nav:hover ul{display:flex;z-index:10;border-bottom:solid 3px #606676;border-right:solid 3px #606676;border-bottom-right-radius:20px}.ContactBoxMail,.ContactBoxlinkedin,.ContactBoxDiscord,.ContactBoxInstagram{font-size:20px;width:auto;margin-left:60px;margin-right:60px;padding:55px}}@media only screen and (max-width: 250px){.MailText,.LinkedinText,.DiscordText,.InstagramText{display:none}}}