*{margin:0;padding:0;outline:0;overflow-x:hidden}html{font-family:sans-serif;background-color:#eee}header .header{border-top:2px solid #4bc986;background-color:#2e3138;border-bottom:5px solid #272a30;display:flex;justify-content:space-between;align-items:center;padding:.5rem 2rem}header .logo_mobile_menu{display:flex;justify-content:space-between;align-items:center;height:100%}header .logo_mobile_menu img{width:auto;height:2.5rem;filter:invert(100%)}header .logo_mobile_menu .toggle-mobile-navbar{display:none}header ul,header li{list-style-type:none}header ul{display:flex;flex-direction:row;flex-wrap:nowrap}header ul li{padding:.5rem .5rem;white-space:nowrap}header ul li a{text-decoration:none;color:#fff;transition:200ms color}header ul li a:hover{color:#4bc986}.errormessage{background-color:rgba(216,5,0,.7);min-height:50vh;display:flex;flex-direction:row;padding:0 10%;align-items:center}.errormessage img{height:30vh;width:40%;object-fit:contain}.errormessage div{color:#fff}.errormessage div button{border:none;padding:8px 12px;border-radius:5px;background-color:#4bc986;color:#fff;transition:background-color 200ms}.errormessage div button:hover{background-color:#2e9960}.slogan{background-color:#2e3138;color:#fff;padding:.5rem 0 0;text-align:center}.youtube_tutorials{padding:2rem 10%}.youtube_tutorials h2{font-size:2rem;text-align:center}.youtube_tutorials p{margin:1rem 0;text-align:justify}.youtube_tutorials .youtube-video-center{display:flex;justify-content:center;flex-wrap:wrap;margin:1rem 0}.youtube_tutorials .youtube-video-center iframe{margin:1rem;border-radius:10px;border:1px solid #ccc}footer{background-color:#35383f;padding:2rem 0}footer a{color:#989da8;text-decoration:none}footer .important-links{display:flex;flex-direction:row;justify-content:center}footer .important-links a{padding:.5rem 1rem}footer .important-links a:hover{text-decoration:underline}footer .copyright{text-align:center;color:#989da8}@media only screen and (max-width: 1000px){.errormessage{flex-direction:column;align-items:center}}@media only screen and (max-width: 1000px){header{flex-direction:column}header .header{flex-direction:column}header .logo_mobile_menu{width:100% !important}header .toggle-mobile-navbar{display:flex !important}header ul{display:none}header ul li{text-align:center}footer .important-links{flex-direction:column;align-items:center}}