@font-face {
	font-family: TelmaLight;
	src: url(fonts/Telma-Light.otf);
}
@font-face {
	font-family: InterLight;
	src: url(fonts/Inter-Light.ttf);
}
@font-face {
	font-family: Fraunces;
	src: url(fonts/Fraunces-ExtraLightItalic.ttf);
}
@font-face {
	font-family: IBMPlexSerifExtraLightItalic;
	src: url(fonts/IBMPlexSerif-ExtraLightItalic.ttf);
}
* {
    margin: 0;
}
.past {
    position: absolute;
    max-width: 109.62px;
    max-height: 57.78px;
    left: 20%;
    top: 20%;
    z-index: 5;
}
.past:hover {
    animation: spin 1s;
}
    @keyframes spin {
        from {transform:rotate(0deg);}
        to {transform:rotate(360deg);}
    }


.line {
    position: absolute;
    width: 457px;
    height: 1233px;
    top: 18%;
    left: 14%;
}
.h1 {
    position: absolute;
    font-family: Fraunces;
    font-weight: 250;
    font-size: 60px;
    line-height: 59px;
    letter-spacing: -0.07em;
    top: 3%;
    left: 15%;
    color: black;
}
    #sir {
        position: absolute;
        top: 56%;
        left: -17%;
    }

.linkTim {
    font-family: IBMPlexSerifExtraLightItalic;
    position: absolute;
    font-weight: 200;
    font-size: 50px;
    line-height: 100.3%;
    letter-spacing: -0.07em;
    text-decoration-line: underline;
    color: #0000EE;
    top: 20%;
    left: 1.5%;
}

.subheadline {
    position: absolute;
    width: 394px;
    height: 350px;
    top: 15%;
    left: 50%;
}

.gif1 {
    position: absolute;
    width: 320px;
    height: 240px;
    top: 58%;
    left: 59%;
}

.text {
    position: absolute;
    font-family: InterLight;
    font-weight: 300;
    font-size: 27px;
    line-height: 106.3%;
    letter-spacing: -0.07em; 
    color: #929292;
}
    #text1{
        position: absolute;
        top: 55%;
        left: 25%;
    }
    #dataexchange{
        position: absolute;
        font-family: Fraunces;
        color: black;
        font-weight: 250;
        font-size: 27px;
        line-height: 86.3%;
        letter-spacing: -0.07em;
        top: 38%;
        left: 38%;
    }
    #text2{
        position: absolute;
        top: 110%;
        left: 38%;
        min-width: 570px;
    }
        #html {
            position: absolute;
            font-family: Fraunces;
            color: black;
            font-weight: 250;
            font-size: 27px;
            line-height: 86.3%;
            letter-spacing: -0.07em;
            top: 51%;
            left: 53%;
        }
        #http {
            position: absolute;
            font-family: Fraunces;
            color: black;
            font-weight: 250;
            font-size: 27px;
            line-height: 86.3%;
            letter-spacing: -0.07em;
            top: 67%;
            left: 16%;
        }
        #www {
            position: absolute;
            font-family: Fraunces;
            color: black;
            font-weight: 250;
            font-size: 27px;
            line-height: 86.3%;
            letter-spacing: -0.07em;
            top: 85%;
            left: 51%;
        }
    #text3{
        position: absolute;
        top: 145%;
        left: 3%;
    }
    #firstwebsite {
        position: absolute;
        font-family: Fraunces;
        color: black;
        font-weight: 250;
        font-size: 27px;
        line-height: 86.3%;
        letter-spacing: -0.07em;
        top: 2%;
        left: 30%;
    }
    #infocern {
        position: absolute;
        font-family: TelmaLight;
        font-weight: 300;
        font-size: 35px;
        line-height: 86.3%;
        letter-spacing: 0.01em;
        text-decoration-line: underline;
        color: #0000EE;
    }
    #text4 {
        position: absolute;
        top: 230%;
        left: 55%;
    }

.redtext{
    position: absolute;
    font-family: Fraunces;
    font-weight: 250;
    font-size: 30px;
    line-height: 106.3%;
    color: #FF7575;
    top: 180%;
    left: 35%;
    min-width: 746px;
}
.tag {
    position: absolute;
    width: 31.3px;
    height: 6px;
    top: 235%;
    left: 50%;
}
.gif2 {
    position: absolute;
    width: 449px;
    height: 343px;
    top: 255%;
    left: 0%;
}
.rect {
    position: absolute;
    width: 500px;
    height: 500px;
    top: 230%;
}