* {
  margin: 0;
  padding: 0;
  color: inherit;
  text-decoration: none;
  list-style: none;
  outline: none;
  box-sizing: border-box; }

  a, .button { 
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transitions: all .2s ease-out;
}

  html {
  min-height: 100%; }

  body {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  color: #333;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #FDFAF8;
  border: 2vw solid #FDFAF8;}
  
  body:after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, #EB0311, #EB039C, #7703EB, #037ED6, #03BDD6, #60D603, #EBE103, #FAC403, #F57703);
  background-size: 1400% 1400%;
  -webkit-animation: rainbow 74s ease infinite;
  -z-animation: rainbow 74s ease infinite;
  -o-animation: rainbow 74s ease infinite;
  animation: rainbow 74s ease infinite;
  border-radius: .8vw;
  top: 0vw;
  right: 0vw;
  bottom: 0vw;
  left: 0vw;}

   /*div.rainbow{
    margin:0 6vw;
    border: 4px solid red;
  }*/

  div.rainbow {
    display: flex;
    flex-direction: column;
    position: relative;
    margin:0;
    z-index: 10; }

  div.header{
    width: 90%;
    /*background-color: white;*/
    position: absolute;
    top: 3rem;
    left: 3rem;
    z-index: 11;}

  h1 {
    font-size: 1.5rem;
    line-height: 1.7rem;
    /*letter-spacing: 0.02px;*/
    font-family: 'Rubik', Sans-serif;
    font-weight: 400;
    margin-bottom: 50px;}

  h2{
    font-size: 6.4rem;
    line-height: 6.6rem;
    font-family: 'PT Serif', serif;
    font-weight: 500;}

  ul.links{
    position: absolute;
    bottom: 3rem;
    left: 3rem;
    z-index: 12;}

  ul {
  font-size: 1.1rem;
  line-height: 1.1rem;
  font-weight: 300;
  font-family: 'Rubik', Sans-serif;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  
  ul li {
    display: flex;
    align-items: left;
    /*margin-right: 10px;*/
    /*background-color: White;*/}

  ul li:last-child{
  margin-right:0; }

  ul li a{
  margin-left: 4px;
  margin-right: 4px;
  /*border: 1px solid White;*/}

   ul li:first-child{
  margin-left:0; }

  ul li:last-child{
  margin-right:0; }

  ul li a:hover{
  color: #E5E2DF; }

  li + li::before {
    content: "\00b7";
    color: rgba(0, 0, 0, 0.3);
}



/*Media queries*/

  @media all and (max-width: 640px) {

  body {
    /*border: none;*/
    border: .8rem solid #FDFAF8;}
  
  div.header{
    top: 1.8rem;
    left: 1.8rem;
    /*background-color: pink;*/}

  h1 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    m/*argin-bottom: 10px;*/}

  h2 {
    font-size: 4.4rem;
    line-height: 4.8rem;}

  ul {
  font-size: .9rem;
  line-height: 1rem; }

  ul.links {
    bottom: 2rem;
    left: 1.6rem;}

}

@media all and (max-width: 320px) {

  body {
    border: .8rem solid #FDFAF8;}
  
  div.header{
    top: 1.4rem;
    left: 1rem;
    /*background-color: yellow;*/}

  h1 {
    font-size: 1rem;
    line-height: 1.3rem;
    m/*argin-bottom: 10px;*/}

  h2 {
    font-size: 3.4rem;
    line-height: 3.5rem;}

  ul {
  font-size: .78rem;
  line-height: .9rem; }

  ul.links {
    bottom: 1.2rem;
    /*left: 1rem;*/
    }

}

@media all and (min-width: 1500px) {

  div.header{
    top: 5rem;
    left: 5rem;
    /*background-color: white;*/}

  ul.links {
    bottom: 5rem;
    left: 5rem;}

  ul {
  font-size: 1.8rem;
  line-height: 1.9rem; }

  h1 {
    font-size: 2rem;
    line-height: 2.2rem;
    }

  h2{
    font-size: 6.7rem;
    line-height: 6.9rem;
    }

  }



@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}




  