font-face {
  font-family:'matypo';
  src: url('GT-Eesti-Pro-Display-ULight.otf') 
"format":('otf');
  font-weight: normal;
  font-style: normal;
}

body{

  background:white;

}

section.page{
  width:210mm;
  height:297mm;
  /*pt px % mm cm*/
  border:1mm solid blue;
  padding:3mm;
  box-sizing: border-box;
  position:relative;
  float:left;
}

h1 {
  color:blue;
    position:absolute;
    top:400px;
    bottom:40px;
    left:100px;
    width:3000px
    font-family: "matypo";
    font-size:70px;
}

mark {
  background-color: yellow;
  color: blue;
}

nav {
    position: absolute;
    bottom: 20px;
    left:40px;
    font-family; "matypo"

}

a{
    color: #e222d7;
    font-size: 60px;
    transition: all ease 0.5s;
    font-family; "matypo"

}

a:hover
{
    font-size: 18px;
    
}

#cercle {
    position:absolute;
    top:1820px;
    left:70px;
    width: 60px;
    height: 60px;
    bottom:800px;
    border-radius: 4000px;
    background: #e222d7;
}