@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@300&display=swap');

body {
    background-image: linear-gradient(#32a852, #4287f5);
    height: 100vh;
    overflow: hidden;
}

#container {
    position: absolute;
    top: 10vh;
    left: 25vw;
    width: 50vw;
    height: 80vh;
    border: white 1px solid;
    border-radius: 10px;
    background: white;
}

h1,h2 {
    font-family: 'Unbounded', cursive;
    text-align: center;
}

#distance {
    color: #4287f5;
}

#time {
    color: #32a852;
}