body {
    background-color:#0087A6;
    background-image: linear-gradient(to right, #0087A6 , #F54927);
    font-size: 24px;
}

.home_button {
    background-color: white;
    border-radius: 15px;
    height: 130px;
    padding: 5px 5px 5px 5px;
    width: 130px;
}

.homepage_video {
    position: absolute;
    width: 100%;
    z-index: 1;
}

.homepage_video_div {
    margin-left: 10%;
    position: relative;
    width: 80%;
    z-Index: 2;
}

:root {
  --darkOrange: #F54927;
  --darkBlue: #17B5D4;
  --lightOrange: orange;
  --lightBlue: #9DEBF2;
}

.stock_ticker {
    background-color: #21404A;
    border-color: #B04812;
    border-radius: 15px;
    border-style: solid;
    border-width: 5px;
    color: white;
    display: inline-block;
    font-family: arial;
    margin-left: 10%;
    padding: 10px;
    position: relative;
}

.stock_ticker.h2 {
    font-size: 3em;
}


.top_bar {
    background-color: white;
    border-radius: 15px;
    height: 100px;
    margin-left: 5%;
    width: 90%;
}

.weird {
    font-family: "badtyp", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.welcome {
    background-color: #DAF2F7;
    border-color: #D47106;
    border-radius: 15px;
    border-style: solid;
    border-width: 5px;
    color: black;
    font-family: arial;
    margin-top: 70px;
    margin-left: 10%;
    padding: 10px;
    position: relative;
    width: 30%;
}

.welcome.h1 {
    font-size: 4em;
}

.welcome.h2 {
    font-size: 2.5em;
}

.wonderful {
    font-family: tt-modernoir, sans-serif;
    font-style: normal;
    font-weight: 400;
}