h1 {
    color: deeppink;
    font-size: 2cm;
      font-family: 'UnormativeFraktur';
      text-align: center;
}
h2  {
    color: deeppink;
    font-family: 'Josafronde-Regular';
    font-size: 60px ;
    position: absolute;
    left: 100px;
    top: 300px;

}
section{
    color: deeppink;
    font-family: 'Josafronde-Regular';
    position: absolute;
    left: 1500px;
    top: 300px;
}
h3{
    color: deeppink;
    font-family: 'Josafronde-Regular';
    font-size: 80px;
    text-align: right;
    position: absolute;
    top: 500px;


}
body {
    background-color:chartreuse ;
  
   
}


div {
    border-radius: 100px;
    background-color: deeppink;
    width: 2530px;
    height: 10px;
}



@font-face {
    font-family: 'Josafronde-Regular';
    src: url('Josafronde-Regular.woff') format('woff'),
    url('Josafronde-Regular.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
   
}

@font-face {
    font-family: 'UnormativeFraktur';
    src: url('UnormativeFraktur.woff')format('woff'),
    url('UnormativeFraktur.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
#img0 {
    height: 1000px;
    width: 10px;
    position: absolute;
    left: 400px;
    top: 100px;

}
#img1 {
    height: 150px;
    width: 1060px;
      position: absolute;
    left: 700px;
    top: 400px;

}#img2 {
    height: 200px;
    width: 100px;
    position: absolute;
    left: 100px;
    top: 5px;
}#img3 {
    height: 10px;
    width: 10px;
      position: absolute;
    left: 700px;
    top: 100px;

}



#img4 {
    height: 1000px;
    width: 100px;
    position: absolute;
    left: 500px;
    top: 100px;

}
#img5 {
    height: 100px;
    width: 50px;
      position: absolute;
    left: 650px;
    top: 250px;

}#img6 {
    height: 800px;
    width: 500px;
    position: absolute;
    left: 10px;
    top: 500px;
}#img7 {
    height: 100px;
    width: 1500px;
      position: absolute;
    left: 60px;
    top: 800px;

}