* {
    margin: 0;
}

body {
    background-color: black;
    font-family: sans-serif;
    background-image: url('../../fotos/Mars.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 95px;
    margin: 0;
    
}

/* shared css */
#topdiv {
    position: absolute;
    width: 2038px;
    background-color: #0B3D91;
    text-align: center;
    padding: 5px;
    color: white;
    font-size: xx-large;
}

#home {
    background-color: white;
    width: fit-content;
    height: fit-content;
    border-radius: 15px;
    padding: 5px;
    margin-top: 20px;
    margin-left: 10px;

    position: absolute;
    top: 100px;
    left: 75px;
}

#icon {
    background-color: white;
    width: fit-content;
    height: fit-content;
    border-radius: 15px;
    padding: 5px;
    margin-left: 10px;

    position: absolute;
    top: 120px;
    left: 300px;
}

#icon2 {
    background-color: white;
    width: fit-content;
    height: fit-content;
    border-radius: 15px;
    padding: 5px;
    margin-left: 10px;

    position: absolute;
    top: 121px;
    left: 520px;
}

#icon3 {
    background-color: white;
    width: fit-content;
    height: fit-content;
    border-radius: 15px;
    padding: 5px;
    margin-left: 10px;

    position: absolute;
    top: 300px;
    left: 75px;
}

#icon4 {
    background-color: white;
    width: fit-content;
    height: fit-content;
    border-radius: 15px;
    padding: 5px;
    margin-left: 10px;

    position: absolute;
    top: 300px;
    left: 300px;
}

#icon5 {
    background-color: white;
    width: fit-content;
    height: fit-content;
    border-radius: 15px;
    padding: 5px;
    margin-left: 10px;

    position: absolute;
    top: 301px;
    left: 520px;
}

#icon6 {
    background-color: white;
    width: fit-content;
    height: fit-content;
    border-radius: 15px;
    padding: 5px;
    margin-left: 10px;

    position: absolute;
    top: 470px;
    left: 75px;
}

#icon7 {
    background-color: white;
    width: fit-content;
    height: fit-content;
    border-radius: 15px;
    padding: 5px;
    margin-left: 10px;

    position: absolute;
    top: 470px;
    left: 300px;
}

#icon8 {
    background-color: white;
    width: fit-content;
    height: fit-content;
    border-radius: 15px;
    padding: 5px;
    margin-left: 10px;

    position: absolute;
    top: 471px;
    left: 520px;
}

#icon9 {
    background-color: white;
    width: fit-content;
    height: fit-content;
    border-radius: 15px;
    padding: 5px;
    margin-left: 10px;

    position: absolute;
    top: 625px;
    left: 185px;
}

#icon10 {
    background-color: white;
    width: fit-content;
    height: fit-content;
    border-radius: 15px;
    padding: 5px;
    margin-left: 10px;

    position: absolute;
    top: 625px;
    left: 420px;
}

#text {
    color: white;
    text-align: center;
}

#hometext {
    position: absolute;
    top: 220px;
    left: 100px;
}

#flighttext {
    position: absolute;
    top: 220px;
    left: 300px;
}

#detailtext {
    position: absolute;
    top: 220px;
    left: 525px;
}

#menutext {
    position: absolute;
    top: 400px;
    left: 80px;
}

#welnesstext {
    position: absolute;
    top: 400px;
    left: 310px;
}

#vrtext {
    position: absolute;
    top: 400px;
    left: 527px;
}

#librarytext {
    position: absolute;
    top: 570px;
    left: 95px;
}

#webcamtext {
    position: absolute;
    top: 570px;
    left: 305px;
}

#gamestext {
    position: absolute;
    top: 570px;
    left: 540px;
}

#musictext {
    position: absolute;
    top: 720px;
    left: 210px;
}

#moviestext {
    position: absolute;
    top: 720px;
    left: 431px;
}