html{font-size:16px;height:100vh;width:100vw;font-family:Ballon,sans-serif;color:slategrey}body{height:100%;margin:0}.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:slategrey;overflow-x:hidden;padding-top:60px;transition:.5s;grid-area:"sidenav";opacity:50%}.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:white;display:block;transition:.3s}.sidenav a:hover{color:#f1f1f1}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}#main{transition:margin-left .5s;padding:20px}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}#main{display:grid;grid-template-columns:.75fr 1.25fr 1.25fr;grid-template-rows:.2fr .3fr 1.6fr .75fr .6fr 1fr .3fr;grid-template-areas:"Header     Header          Header       " "subheader  subheader       subheader    " "sidenav    uber-mich       uber-mich-img" "sidenav    ballet-img      ballet-img   " "sidenav    ballet-port     ballet-port  " "sidenav    Img             Img          " "sidenav    port-sneaker    port-sneaker " "Impressum  Impressum       Impressum    "}@media (max-width:414px){#main{grid-template-columns:1.5fr 5fr 1fr;grid-template-rows:.4fr .2fr 4fr .05fr 1.2fr .05fr .2fr}}#main .uber-mich-img{grid-area:uber-mich-img}#main .uber-mich{grid-area:uber-mich;font-size:1.75rem;text-align:inherit;color:slategrey;height:auto;width:100%}@media (max-width:414px){#main .uber-mich{font-size:1.125rem}}#main .Header{grid-area:Header;font-size:4rem;font-style:unset;text-align:center;color:slategrey;margin:auto 0;font-family:Arial,Helvetica,sans-serif}@media (max-width:414px){#main .Header{font-size:2rem}}#main #onclick{position:sticky;font-size:1.5rem;top:30px;text-align:left}@media (max-width:414px){#main #onclick{font-size:1.125rem}}#main .Img{grid-area:Img;border:radius 4px;height:auto;width:100%}#main .port-sneaker{grid-area:port-sneaker;font-size:1.5rem;text-align:inherit;color:slategrey;height:auto;width:100%}@media (max-width:414px){#main .port-sneaker{font-size:1.125rem}}#main .ballet-img{grid-area:ballet-img;height:auto;width:100%}#main .ballet-port{grid-area:ballet-port;font-size:1.5rem;text-align:justify;color:slategrey;height:auto;width:100%}@media (max-width:414px){#main .ballet-port{font-size:1.125rem}}#main .subheader{grid-area:subheader;font-size:2rem;text-align:center;color:slategrey}@media (max-width:414px){#main .subheader{font-size:1rem}}#main .Impressum{grid-area:Impressum;margin:0 auto;margin-top:30px;margin-bottom:10px;height:auto;width:100%;padding-top:8px;padding-bottom:8px;float:left;text-align:center}#main .Impressum ul{list-style:none;text-align:center;padding:0}#main .Impressum ul li{color:white !important;display:inline-block;padding-right:5px;background-color:white;margin:15px}#main .Impressum ul li a{text-decoration:none;font-size:1rem}@media (max-width:414px){#main .Impressum ul li a{font-size:.75rem}}/*# sourceMappingURL=./style.css.map */