.Project {
    border-radius: 10px;
    border: 5px;
    border-style: solid;
    border-color: rgb(170, 255, 227);

    background-color: rgb(36, 72, 60);
    margin: 5px;
    margin-bottom: 105px;
    padding: 20px;

    display: block;

}

a {
    color: rgb(170, 255, 227);
    /* font-style: italic; */
    font-style: normal;
    font: sans-serif;
    font-size: clamp(6px, 7vw, 48px);
}

/* ul {
    list-style-type: none;
    
} */

.tagline {
    font-size: x-large;
    font-weight: bold;
    font-style: italic;
}

li {
    margin-bottom: 20px;
}


body {
    background-color: rgb(56, 61, 60);
    margin: 5px;
    padding: 5px;
    font: 1em sans-serif;
    color: aliceblue;
    line-height: 2;
    margin-bottom: 300px;
}

h1 {
    font-variant: small-caps;
    font-size: xx-large;
    font: 4em sans-serif;
    color: rgb(170, 255, 227)
}

h3 {
    font-variant: small-caps;
    font-size: large;
    font: 2em sans-serif;
    color: rgb(170, 255, 227)
}


.startBar a {
    float: left;
    /* font: 1em sans-serif;
    font-size: medium; */
    margin: 5%;

}

.startBar {
    display: block;

    padding: 10px;

    margin-bottom: 100px;
}

.dragon {
    width: 400px;
    float: right;


}

.imgHolder>img {
    padding-left: clamp(0%, 8vw, 10%);
    /* display: block; */
    margin-bottom: 5px;
    height: clamp(50%, 50vw, 80%);
    width:auto;
    
}

img {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    
}

#flexVideo {
    width: 100%;
    height: 65%;
    /* height: 100%; */
}

p {
    margin-bottom: 50px;
}

audio::-webkit-media-controls-panel {
    background-color: rgb(170, 255, 227);
    
}