Team:Uppsala/css/test1 css

• {

   padding: 0;
   margin: 0;

}

html {

   height: 100%;
   overflow: hidden;

}

body {

   color: #fff;
   perspective: 1px;
   transform-style: preserve-3d;
   height: 100%;
   overflow-y: scroll;
   overflow-x: hidden;
   font-family: "Luna";
   

}

header {

   /* Limits the other text to be near to the image*/
   box-sizing: border-box;
   min-height: 100vh;
   padding: 30vw 0 5vw;
   position: relative;
   transform-style: inherit;

}

header h1 {

   margin-top: -100px;

}

header, header:before {

   background: 50% 50% /cover;

}

header::before {

   bottom: 0;
   content: "";
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
   display: block;
   background-image: url(../img/abstract-attractive-backdrop-988872.jpg);
   background-size: cover;
   transform-origin: center center 0;
   transform: translateZ(-1px) scale(2);
   z-index: -1;
   min-height: 100vh;

}

header * {

   font-weight: normal;
   letter-spacing: 0.2em;
   text-align: center;
   margin: 0;
   padding: 1em 0;

}

/* New Content */

nav {

   position: relative;
   top: 0;
   /* Position left don't work... Use Margin*/ 
   padding-left: 10px;
   width: 85px;
   

}

nav li{

   margin: 0px 10px;
   display: block;
   list-style-type: none;
   padding: 3px 10px;
   border: 1px solid black;

}

ul {

}

.arrow_to_top {

   position: sticky;
   top: 2vh;
   left: 50%;
   

}

footer {

}