body{margin:0;font-family:'Nunito Sans',sans-serif;background:#fff;color:#000;}
header,footer{background:#17458e;color:#fff;text-align:center;padding:1.2rem;}
header .nav a,footer a{color:#fff;text-decoration:none;margin:0 0.6rem;font-weight:bold;}
header .nav a.active{color:#64c8ff;}
header .nav a:hover,footer a:hover{color:#64c8ff;}
header img{max-width:150px;height:auto;vertical-align:middle;cursor:pointer;}
main{padding:2rem;text-align:center;max-width:800px;margin:auto;}
h1{font-family:'Fjalla One',sans-serif;color:#17458e;font-size:1.8rem;}
p{font-size:1.1rem;line-height:1.6;margin-bottom:1rem;}
iframe{border:0;width:100%;max-width:600px;height:300px;border-radius:6px;}
footer p{margin:0.5rem 0;font-size:0.9rem;}
.social-icons{margin:1rem 0;text-align:center;}
.social-icons a{display:inline-block;margin:0 0.4rem;}
.social-icons img{width:28px;height:28px;filter:brightness(0) saturate(100%) invert(67%) sepia(67%) saturate(745%) hue-rotate(181deg) brightness(101%) contrast(99%);transition:filter 0.3s;}
.social-icons img:hover{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7488%) hue-rotate(216deg) brightness(120%) contrast(101%);}
@media(max-width:600px){header .nav a{display:block;margin:0.4rem 0;}header img{max-width:120px;}}