.content-font{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 15px;
}

#freetail-intro {
    position: relative;
    top: 200px;
    width: 920px;
    height: 370px;
    margin: auto;
}

#freetail-intro .logoimg {
    position: absolute;
    width: 350px;
}

#freetail-intro .content{
    position: absolute;
    left: 370px;
    width: 550px;
}

a {
    color: black;
    font-style: italic;
    font-weight: 500;
}

#learnathon {
    position: relative;
    top: 400px;
    margin: auto;
    width: 1030px;
    height: 2170px;
}

#learnathon .header{
    position: absolute;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 35px;
    top: 0px;
    left: 120px;
}

#learnathon .headerUnderline{
    position: absolute;
    top: 40px;
    left: 120px;
    width: 600px;
    height: 5px;
    background: var(--unnamed-color-000000) 0% 0% no-repeat padding-box;
    opacity: 1;
}

#learnathon .greenBox{
    position: absolute;
    top: 180px;
    left: 0px;
    width: 850px;
    height: 900px;
    background: var(--unnamed-color-a1ac9c) 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: -1;
}

#learnathon .redBox{
    position: absolute;
    top: 12px;
    left: 480px;
    width: 550px;
    height: 1600px;
    background: var(--unnamed-color-d48868) 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: -2;
}

#learnathon .content1{
    position: absolute;
    top: 210px;
    left: 60px;
    text-align: right;
    width: 430px;
}

#learnathon .frogGif{
    position: absolute;
    top: 120px;
    left: 530px;
    width: 400px;
}

#learnathon .content2{
    position: absolute;
    top: 600px;
    left: 230px;
    text-align: center;
    width: 600px;
}

#learnathon .website{
    position: absolute;
    left: 180px;
    top: 720px;
}

iframe{
    position: absolute;
    border: 2px solid white;
    width: 700px;
    height: 400px;
}

#learnathon .content3{
    position: absolute;
    top: 1340px;
    left: 610px;
    width: 380px;
}

#learnathon .gallery{
    position: absolute;
    top: 1270px;
    left: 50px;
}

video{
    position: absolute;
    height: 500px;
}

#learnathon .frame1{
    position: absolute;
    top: 0px;
    left: 290px;
    height: 240px;
}

#learnathon .frame2{
    position: absolute;
    left:290px;
    top:260px;
    height: 240px;
}