body{
  background: linear-gradient(#cdc9c9, #cec8c8);
  background-repeat: no-repeat;
  background: linear-gradient();
}

h1{
    color:rgb(0, 0, 0);
    border-radius: 100px;
    width: 100vw;
    height: 100px;
    font-family: 'Karrik';
    display: flex;
    font-size: 5em;
}
h1 div {
    padding-left: 1em;

}
div {
    border-radius: 100px;
    background-color: rgb(249, 247, 236);
    width: 100vw;
    height: 100px;
}

@font-face {
    font-family:'basteleur' ;
    src: url(Basteleur-Bold.woff)
}
section{
    font-family: 'basteleur';
    padding: 5%;
    font-size: 2em;
}
#img0{
    padding: 5%;
    position: relative;
    top: 10px;
    left: 5px;
}
@font-face {
    font-family: 'Karrik';
    src: url(Karrik-Regular.woff);
}
ul{
    font-family: 'Karrik';
    color: #212020;
    border-radius: 25% 10%;
    background-color: #000000;
    width: fit-content;
    padding: 3em;
}
h2{
    font-family: 'Karrik';
    font-size: 3em;
}
#img1{
    position: fixed;
    top: 60vh;
    left: 70vw;
}
#img2{
    position: fixed;
    top: 45vh;
    left: 45vw;
}
#img3{
    position: fixed;
    top: 70vh;
    left: 30vw;
    height: 100px;
}
#img4{
    position: fixed;
}