@font-face {
    font-family: 'SpringfieldEF_Regular';
    src: url('../myFonts/SpringfieldEF_Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

body {
    z-index: 1;
     background-color: #9daed4; /*randomiza este color*/
}

#cred{
    font-style: oblique;
}

#div1 {

    position: absolute;
    z-index: 1;
    color: rgb(255, 255, 255);
    /* background-color: hsl(148, 79%, 21%); */
    text-shadow: -6px 7px 1px rgb(0, 0, 0);
      -webkit-text-stroke: 1.5px black; /* stroke width and color */

    /* border: 10px double rgb(255, 239, 99); */
    width: 50vw;
    left: 25vw;
    top: 20vh;
    font-size: 95px;
    font-family: 'SpringfieldEF_Regular', sans-serif;
    text-align: center;
 
}

#div2 {
    
    position: absolute;
    z-index: 1;
    margin: 20px 25%; /* 20px top and bottom, no margin on left and right */
    font-family: Times;
    font-size: medium;
    text-align: center;
    width: 50%;
    bottom: 30vh;
    color:white;
}

#div3 {
    
    position: absolute;
    z-index: 1;
    margin: 20px 25%; /* 20px top and bottom, no margin on left and right */
    font-family: Times;
    text-align: center;
    width: 50%;
    bottom: 2.5vh;
    color: white;
}

#div0 {
    
    position: absolute;
    z-index: 1;
    /* margin: 20px 25%; 20px top and bottom, no margin on left and right */
    font-family: monospace;
    font-size: x-large;
    text-align: center;
    width: 100%;
    bottom: 20vh;
    color: white;
}

#link:link {
    color:white;
    text-decoration: none;
    transition: font-size 0.5s ease;

}
#link:visited {
    color:white;
    text-decoration: none;
}
#link:hover {
    color:rgb(228, 226, 71);
    font-style: bold;
    font-size: 50px;
}
#link:active {
    color:yellow;
}

#link2:link {
    color:white;
    text-decoration: none;

}
#link2:visited {
    color:white;
    text-decoration: none;
}
#link2:hover {
    color:orange;
    cursor:help;
}
#link2:active {
    color:red;
}


#link3:link {
    color:white;
    text-decoration: none;

}
#link3:visited {
    color:white;
    text-decoration: none;
}
#link3:hover {
    color:rgb(25, 81, 52);
    cursor:grab;
}
#link3:active {
    color:yellow;
}


#audio {
    position: fixed;
    width: 10vw;
    top: 30vh;
    right: 30vw;
    z-index: 0;
}