@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Jersey+15&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&display=swap');

.container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow-x: hidden;
}

header{
    text-align: center;
    margin-bottom: 10px;
    font-family:"Bebas Neue";

}

.info p{
    position: relative;
    font-family: "Montserrat";
    font-size: 20px;
    animation: fadeIn 2s ease-in-out;
}

body{
    background-color: rgb(216, 214, 214);
}


.world .arrowDown p{
     position:relative;
    font-size: 19px;
    top:4%;
    left: 30%;
    animation: fadeIn 2s ease-in-out ;
}

.world .arrowDown i{
    position: relative;
    left: 50%;
    animation: fadeIn 2s ease-in-out;
}
.world {
    overflow-x: hidden;
    position: absolute;
    left: 60%;
    top: 10%;
    animation: fadeIn 2s ease-in-out;
}
.star{
    display: inline-block;
    background-color: rgb(194, 194, 194);
    padding: 16px;
    animation: fadeIn 2s ease-in-out;
}
.star img{
    width: 50px;
    float: left;
    margin-right: 10px;
    animation: fadeIn 2s ease-in-out;
}

.info p{
    background-color: rgb(204, 202, 202);
    border-radius: 10px;
    animation: fadeIn 2s ease-in-out;
}


@keyframes fadeIn{
    from{
        opacity: 0;
        transform: translateY(20px);
    }
    to{
        opacity: 1;
        transform: translateY(0);
    }
}