/* css */

@font-face {
    font-family: 'serifa'; 
    src: url('SerifaStdBold.ttf') format('truetype');
  } 
  

.black {
    width:1455px;
    height:350px;
    background-color: black;
    z-index: 0;
    position:absolute;
    top: 410px;  
}

.blue {
    width:1455px;
    height:320px;
    background-color: rgb(0, 156, 222);
    z-index: 3;
    position:absolute;
    top: 90px;
}

.top-text {
    font-family: 'serifa', sans-serif;
    color: white;
    font-size: 125px;
    z-index:4;
    position:absolute;
    top: 190px;
    left: 85px;
}

.top-text:hover {
    cursor:not-allowed;
}

.bottom-text {
    font-family: 'serifa', sans-serif;
    color: white;
    font-size: 125px;
    z-index:4;
    position:absolute;
    top: 540px;
    left: 400px;
}

.acorn {
    width:164px;
    height:168px;
    z-index:5;
    position:absolute;
    top: 495px;
    left: 240px;
}

h2 {
    font-family:Arial;
    font-size: 15px;
    font-weight: 200;
    position: absolute;
    top:748px;
    left: 240px;
    color:rgb(0, 0, 0);
    z-index:4;
    opacity:0;
    transition: opacity 1s;
}

h2.infade {
    opacity:1;
}