@font-face {
    font-family: 'rubik-lightitalic';
    src: url('../fonts/rubik-lightitalic.woff2') format('woff2'),
         url('../fonts/rubik-lightitalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'amble-regular';
    src: url('../fonts/amble-regular.woff2') format('woff2'),
         url('../fonts/amble-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
    background-color: lightgray;
    
}
body {
    width: 97%;
}

h1 {
    font-family: 'courier new' , monospace;
    text-align: center;
    text-transform: uppercase;
    border-bottom: solid black;

}

p{
    font-family: 'amble-regular' , serif;
    
}

p span{
    color:red;
    border-bottom: dashed;
    
}


h2 {
    font-family: 'rubik-lightitalic', sans-serif;
    background-color: #616161;
    color: lightgray;
}

strong {
    color:darkblue;
}

h3 {
    font-family: 'amble-regular', sans-serif;
    font-size:26px;
    background-color: #616161;
    color: lightgray;
}
.crow {
    color:darkblue;
}

.crow2 {
    color:#360000;
    font-family: 'amble-regular' , sans-serif;
}

.crow3 {
    border: 7px solid black;
    border-style: dashed;
    
}

#behavior_crow {
    font-family: 'amble-regular'  , sans-serif;
    line-height: 160%;
    border: 5px solid grey;
}

em {
    color: rebeccapurple;
}

nav ul {
    list-style-type: none;
}

nav ul li a {
    text-transform: uppercase;
    text-decoration: none;
    border-left: 5px solid black;
    color:black;
    line-height: 150%
}

nav ol li a {
    text-transform: uppercase;
    text-decoration: none;
    border-left: 5px solid black;
    color:black;
    line-height: 150%
}

img {
    border: 7px solid black;
    
}