<<<<<<< HEAD
body{
    background-color: #1E1F2F;
    ;
}

.background1{

    position: relative;
    height: 936px;
    width: 1611px;
    background-color: #1e1f2f;
   
}   

.logooutr{

    position: absolute;
    width: 60.47px;
    height: 68.55px;
    left: 161.07px;
    top: 155px;
    background: #E82C4F;
    color: #FFFFFF; 
    font-size: 50px;
    text-align: center;
    

}

.kotakbesarbawah{

    box-sizing: border-box;
    position: absolute;
    width: 558px;
    height: 644px;
    left: 691px;
    top: 385px;
    border: 60px solid #2D2F48;

}

.kotakbesaratas{

    box-sizing: border-box;
    position: absolute;
    width: 558px;
    height: 644px;
    left: 1169px;
    top: -179px;
    border: 60px solid #48596D;

}

.kotakbesarputih{

    box-sizing: border-box;
    position: absolute;
    width: 504px;
    height: 618px;
    left: 957px;
    top: 166px;
    border: 60px solid #FFFFFF;

}

.kotakmerah{

    box-sizing: border-box;
    position: absolute;
    width: 240px;
    height: 240px;
    left: 1089px;
    top: 305px;
    border: 40px solid #E82C4F;

}

.kotakbiru{

    box-sizing: border-box;
    position: absolute;
    width: 80px;
    height: 80px;
    left: 1089px;
    top: 585px;
    border: 20px solid #3256A1;

}

.bulatputih{

    box-sizing: border-box;
    position: absolute;
    width: 80px;
    height: 80px;
    left: 1249px;
    top: 585px;
    border: 20px solid #FFFFFF;
    border-radius: 50%;

}

.kotakkecikputih{

    box-sizing: border-box;
    position: absolute;
    width: 80px;
    height: 80px;
    left: 1169px;
    top: 385px;
    border: 20px solid #FFFFFF;

}

.smallwhitebox{
    position: absolute;
    width: 31.06px;
    height: 27.42px;
    left: 130px;
    top: 152.42px;
    background: #ffffff;
    transform: matrix(1,0,0,-1,0,0);
}

.warmups{
    position: absolute;
    width: 331px;
    height: 96px;
    left: 261.54px;
    top: 125px;

    font-family: 'Times New Roman', Times, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 96px;
    line-height: 123px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.lorem{
    position: absolute;
    width: 800px;
    height: 400px;
    left: 130px;
    top: 301px;

    font-family: 'Times New Roman', Times, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 156px;
    line-height: 146px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.logohum{

    position: absolute;
    left: 140px;
    top: 805px;
    
} 


.person{

    position: absolute;
    left: 205px;
    top: 800px;
    width: 196px;
    height: 48px;
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 40px;
    display: flex;
    align-items: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF;

}

.logojam{

    position: absolute;
    left: 480px;
    top: 803px;

}


.time{
    position: absolute;
    width: 196px;
    height: 48px;
    left: 550px;
    top: 800px;
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 40px;
    display: flex;
    align-items: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF;

}

clear1{

    box-sizing: border-box;
    position: absolute;
    width: 1700px;
    height: 100px;
    left: 0px;
    top: 944px;
    border: 20px solid #1E1F2F;
;
    background-color:#1E1F2F;
;

}

.clear2{

    box-sizing: border-box;
    position: absolute;
    width: 110px;
    height: 1000px;
    left: 1619.4px;
    top: 0px;
    border: 20px solid #1E1F2F;
;
    background-color:#1E1F2F;
;
    

=======
body{
    background-color: #1E1F2F;
    ;
}

.background1{

    position: relative;
    height: 936px;
    width: 1611px;
    background-color: #1e1f2f;
   
}   

.logooutr{

    position: absolute;
    width: 60.47px;
    height: 68.55px;
    left: 161.07px;
    top: 155px;
    background: #E82C4F;
    color: #FFFFFF; 
    font-size: 50px;
    text-align: center;
    

}

.kotakbesarbawah{

    box-sizing: border-box;
    position: absolute;
    width: 558px;
    height: 644px;
    left: 691px;
    top: 385px;
    border: 60px solid #2D2F48;

}

.kotakbesaratas{

    box-sizing: border-box;
    position: absolute;
    width: 558px;
    height: 644px;
    left: 1169px;
    top: -179px;
    border: 60px solid #48596D;

}

.kotakbesarputih{

    box-sizing: border-box;
    position: absolute;
    width: 504px;
    height: 618px;
    left: 957px;
    top: 166px;
    border: 60px solid #FFFFFF;

}

.kotakmerah{

    box-sizing: border-box;
    position: absolute;
    width: 240px;
    height: 240px;
    left: 1089px;
    top: 305px;
    border: 40px solid #E82C4F;

}

.kotakbiru{

    box-sizing: border-box;
    position: absolute;
    width: 80px;
    height: 80px;
    left: 1089px;
    top: 585px;
    border: 20px solid #3256A1;

}

.bulatputih{

    box-sizing: border-box;
    position: absolute;
    width: 80px;
    height: 80px;
    left: 1249px;
    top: 585px;
    border: 20px solid #FFFFFF;
    border-radius: 50%;

}

.kotakkecikputih{

    box-sizing: border-box;
    position: absolute;
    width: 80px;
    height: 80px;
    left: 1169px;
    top: 385px;
    border: 20px solid #FFFFFF;

}

.smallwhitebox{
    position: absolute;
    width: 31.06px;
    height: 27.42px;
    left: 130px;
    top: 152.42px;
    background: #ffffff;
    transform: matrix(1,0,0,-1,0,0);
}

.warmups{
    position: absolute;
    width: 331px;
    height: 96px;
    left: 261.54px;
    top: 125px;

    font-family: 'Times New Roman', Times, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 96px;
    line-height: 123px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.lorem{
    position: absolute;
    width: 800px;
    height: 400px;
    left: 130px;
    top: 301px;

    font-family: 'Times New Roman', Times, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 156px;
    line-height: 146px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.logohum{

    position: absolute;
    left: 140px;
    top: 805px;
    
} 


.person{

    position: absolute;
    left: 205px;
    top: 800px;
    width: 196px;
    height: 48px;
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 40px;
    display: flex;
    align-items: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF;

}

.logojam{

    position: absolute;
    left: 480px;
    top: 803px;

}


.time{
    position: absolute;
    width: 196px;
    height: 48px;
    left: 550px;
    top: 800px;
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 40px;
    display: flex;
    align-items: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF;

}

clear1{

    box-sizing: border-box;
    position: absolute;
    width: 1700px;
    height: 100px;
    left: 0px;
    top: 944px;
    border: 20px solid #1E1F2F;
;
    background-color:#1E1F2F;
;

}

.clear2{

    box-sizing: border-box;
    position: absolute;
    width: 110px;
    height: 1000px;
    left: 1619.4px;
    top: 0px;
    border: 20px solid #1E1F2F;
;
    background-color:#1E1F2F;
;
    

>>>>>>> 75a626f7d8307098a01de0d118618a381a5396f0
}