/*- embed as SVG with the <img ...> tag
- style the page with CSS
- add a headline with the character's name
- add a small description about the character idea
- add a sketch and one sentence about how the character was drawn
- link to project 3 with a cool button, like: "Play Game!"

-optional: Google fonts and JS!/*
/* basic reset */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}
@media screen and (max-width: 660px){
    nav{ 
        left: 0px;
    }
    
}

#panel{ 
    align-content: center;
    position: absolute;
    z-index: 10;
    top: 2px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../img/filler.png);
 
  
    background-size:cover;
    transition: all 0.5s ease-in;
    transform-style: preserve-3d;


}
.slide-up { 
    transform: translateY(-100vh);
}