@charset "UTF-8";

html, body * {
    box-sizing: border-box;
}

html {
    font-size: 16px;
}
main {
    width: 42.0rem;
    height: 37.5rem;
    overflow: hidden;
    position: relative; /* Ensure position is set to relative */
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    background-color: rgb(213, 236, 255);}
    
main {
    width: 42.0rem;
    height: 37.5rem;
    background-color: red;
    overflow: hidden;
}

.scooter {
    position: absolute;
    width: 12rem;
    top: 22rem;
    left: 43rem;
}

.btn {
    position:absolute;
    padding: 1rem;
    top: 10rem;
    width: 28rem;
}

.text1 {
    position: absolute;
    top: 15rem;
    left: 3.8rem;
    height: 2.4rem;
}
.text2 {
    position: absolute;
    height: 2.4rem;
    top: 18rem;
    left: 11rem;
}

.sushi {
    position:absolute;
    width: 20rem;
    top: 20rem;
    z-index: 200;
}
.thai {
    position:absolute;
    width: 20rem;
    top: 27rem;
}
.burger {
    position:absolute;
    width: 15rem;
    top: 12rem;
    z-index: 1000;
}
.phone {
    position:absolute;
    width: 17rem;
    left: 25rem;
    top: 10.7rem;
}
.text3 {
    position:absolute;
    top: 2rem;
    width: 30rem;
    left: 2rem;
}
.text4 {
    position:absolute;
    top: 4.7rem;
    width: 25rem;
    left: 2rem;
}
.text5 {
    position:absolute;
    top: 4.9rem;
    left: 29rem;
    width: 11rem;
}

.red {
    width:42rem;
    height:37.5rem;
    background-color: red;
    position: absolute;
}

.white2 {
    width:42rem;
    height:37.9rem;
    background-color: white;
    position: absolute;
    z-index: 1999;
}

.final {
    position:absolute;
    width: 26rem;
    z-index: 2000;
    top: 9rem;
    left: 7rem;
}