
@font-face {
    font-family: 'Rubik';
    src: url('../Fonts/Rubik-Regular.woff2') format('woff2'),
        url('../Fonts/Rubik-Regular.woff') format('woff'),
        url('../Fonts/Rubik-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sinkin Sans 400';
    src: url('../Fonts/SinkinSans-400Regular.woff2') format('woff2'),
        url('../Fonts/SinkinSans-400Regular.woff') format('woff'),
        url('../Fonts/SinkinSans-400Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html{
    
    background-color:#F2BC79;
    margin: 5px;
    font-family: 'Times New Roman', Times, Georgia, serif;
    background-image:url(Assets/background.png);
    background-repeat: no-repeat;
    
    
        
}
p{
    font-size: 16px;
    font-family: "Outfit", sans-serif;
}
ul li{
    font-size: large;
    font-family: "DM Sans", sans-serif;
     color: #5B5159;
}
h1{
    
    font-family:'Rubik';
background-color: #30588C;
    text-align: center;
        border-style:ridge;
}

.captionCentered{
    text-align: center;
     font-family: "DM Sans", sans-serif;
    font-size: large;
}

img{
    border-image-width:auto;
    max-width:fit-content;
    border-radius: 10%;
    border-style: solid;
    
}
video{
max-width: fit-content;
    text-align: center;
}
#Habitats{
    font-family: georgia;
    
}
h2{
    text-align: center;
    border-style:double;
        font-family: "DM Sans", sans-serif;
    border-width: thick;
        color: #5B5159;
}
head{
    text-align: center;
    
}
body{
    border-style: outset;
    border-color: #73461F;
}
#Locations{
    color:#c2d6c4;
    font-family: 'Sinkin Sans 400';
    border-block-color: black;
}
.listTest{
    font-family: "DM Sans", sans-serif;
}
#behaviortitle{
    font-size: x-large;
    border-style: ridge;
    border-color: black;
}
body p{
    font-family: "DM Sans", sans-serif;
    text-align: center;
}
#resize{
    max-width: fit-content;
}
figcaption{
    font-family: "DM Sans", sans-serif;
}
#Title{
    color:white;
}
.floatRight{
    
}

