@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&family=Oswald:wght@200;300;400;500;600;700&display=swap');

:root { 
    --RBDarkBlue: #171647;
--RDYellow: #dee220;
--RDRed: #d62f2f;
--RDGrey:#ddddd3;
--BlueBlack: #090923;

} 

body{
font-family: Noto Sans JP;
background-color: var(--RBDarkBlue);
padding: 10px;
color: var(--RDGrey);
}
p{
    color:white;
}

h1{
    font-family: Oswald;
    font-weight: 200;
}
h2{
    font-family: Oswald;
    font-weight: 200;
}
a.btn{
    color: var(--RDYellow);
}
.jumbotron-custom{
    padding-top: 60px;
    background-image: url(../assets/matchasaurus-landing.png);
    background-repeat: no-repeat;
    background-size: cover;
    height:300px;
}
.jumbotron-custom-text-holder{
    padding: 10px;

}

.navbar-custom{
background-color: var(--BlueBlack);
}
.navbar-toggler-icon{
    background-color: var(--RDYellow);

}
#jumbotron-header{
    font-weight: 900;
    font-size: 2.7em;
    letter-spacing: -3px;
    color: var(--RDGrey);
    filter:drop-shadow(3px 3px 0px var(--BlueBlack));
}
#jumbotron-text{
    margin-top:-15px;
    color: var(--RDYellow);
    font-family: Noto Sans JP;
    font-weight: 700;
    font-size: 1.5em;
    letter-spacing: -1px;
    filter:drop-shadow(2px 2px 0px var(--BlueBlack));
}

@media screen and (max-width: 800px){
#jumbotron-header{
    padding-top:20px;
font-size: 1.7em;
}

#jumbotron-text{
font-size: 0.9em;
}

}