@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:#aca464;
    margin: 5px;
    font-family: 'Times New Roman', Times, Georgia, serif;
}
p{
    font-size: 16px;
    font-family: "Outfit", sans-serif;
}
li{
    font-size: large;
    font-family: "DM Sans", sans-serif;
}
h1{
    
    font-family:'Rubik';
    color:#312621;
    text-align: center;
        border-style:ridge;
}
.figTest{
    border:double;
    border-width:thick;
    text-align: center;
    
}
.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;
}
head{
    text-align: center;
    
}
body{
    border-top: double #958454 15px;
}
#Locations{
    color:#c2d6c4;
    font-family: 'Sinkin Sans 400';
    border-block-color: black;
}
.listTest{
    font-family: "DM Sans", sans-serif;
}
#backgroundhabitat{
    background-color: #848649;
}
#behaviortitle{
    font-size: x-large;
    border-style: ridge;
    border-color: black;
}
body p{
    font-family: "DM Sans", sans-serif;
}
#resize{
    max-width: fit-content;
}
#backgroundbehavior{
background-color: #bcffff
}