:root                               { --scrollafstand:0px; }
*                                   { padding:0;margin:0;list-style:none;box-sizing:border-box;user-select:none; }
html                                { scroll-behavior:smooth; }
body                                { text-shadow:0px 0px 15px #000000;font-size:30px;background-color:#222;color:#fff;font-family:"Raleway",Arial,Helvetica,sans-serif; }
a                                   { position:fixed;z-index:2;right:0px;top:0px;background-color:white;color:#000;padding:15px;display:block; }
h1                                  { font-size:3em;text-transform:uppercase;font-weight:700;font-family:"Nanun Gothic",Arial,Helvetica,sans-serif; }

#logo                               { position:fixed;left:20px;top:20px;z-index:2;width:100px;height:100px;color:#fff !important;fill:#fff;letter-spacing:-0.4px;overflow:visible; }

section                             { position:relative;height:100vh;overflow:hidden; }
section>div                         { clip:rect(0,auto,auto,0);background-position:center center;background-repeat:no-repeat;background-size:cover;position:fixed;height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all ease 10ms;left:0px;top:0px;z-index:1; }
section:nth-of-type(1)>div          { background-image:url("huis.jpg"); }
section:nth-of-type(2)>div          { background-image:url("bos.jpg"); }
section:nth-of-type(3)>div          { background-image:url("weg.jpg"); }
section:nth-of-type(4)>div          { background-image:url("strand.jpg"); }
section:nth-of-type(5)>div          { background-image:url("zee.jpg"); }

@media only screen and (max-width: 600px){
    body                            { font-size:14px; }
}