* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}





.top{
    min-height: 10vh;
    background-color: orange;
    padding:0%;
    float: top;
}

.title{
    text-align:center;
    color:white;

}

.body{
    height:80vh;
    background-color: white;
    padding:0%;
}

.hero-tag{
    text-align:center;
    font-family: "doto";
    color: black;
    font-size: 5rem;
    height:25%;
    font-weight: bold;
}

.hero-content-wrapper{
    font-family: "doto";
    color: black;
    font-size: 5rem;
    height:25%;
    display:flex;
    justify-content: center;
    align-items: center;
    
}

.grid{
    display: grid;
    grid-template-columns: auto auto;
    height:50%;
}

.bottom{
    min-height:10vh;
    background-color: orange;
    padding:0%;
    float: bottom;

}

.hero-content{
    height:fit-content;
}


.train-info{
    color: black;
    text-align:center;
    font-family: "doto";
    font-size: 3rem;

}