@font-face {
    font-family: 'Source Code Pro';
    src: url("SourceCodePro-Regular.ttf") format("truetype");
}

* {
    box-sizing: content-box;
    font-family: 'Source Code Pro', monospace;
    line-height: 1.4;
    scroll-behavior: smooth;
}

body {
    background: linear-gradient(to left, #76102b, #340834);
    background-repeat: repeat-y;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0px; /* DO NOT REMOVE THIS STYLING */
}

p {
    color: #40C70F;
    font-size: 17px;
    margin: 10px 10%;
}

li {color: #40C70F; font-size: 17px;}
b {color: #55F76A}

a {
    color: cornflowerblue; 
    font-size: 17px; 
    text-decoration: none;
}

a:visited {color: plum;}
a:hover, a:active {color: #eee;}

h1, h2 {
    text-shadow: 3px 3px 2px #141314;
    color: #55F76A;
    font-style: italic;
    margin-bottom: 5px;
    padding: 0.5rem;
}

h3 {
    color: #141314;
    font-weight: bold;
}

ul {
    list-style-type: none; 
}

ol {
    list-style-position: inside;
}

input {
    width: 90%;
    max-width: 550px;
    border-radius: 8px;
    margin-bottom: 10px;
    background: #b4b4b4;
}

input:hover, input:active {
    cursor: text;
}

textarea {
    height: 140px;
    width: 90%;
    max-width: 550px;
    padding-top: 15px;
    padding-inline: 5px;
    border-radius: 8px;
    resize: none;
    background: #b4b4b4;
}

button {
    background-color:#40C70F;
    color: #141314;
    font-size: 17px;
    border: 2px solid #40C70F;
    border-radius: 8px;
    height: 40px;
    padding: 0 10px;
    position: relative;
}

button:hover, button:active {
    background: #fff;
    color: #141314;
    cursor: pointer;
}

img {
    margin: 0 10px;
}

video {
    border: 5px solid #141314;
    border-radius: 8px;
    width: 90%;
    max-width: 470px;
    margin: 5px;
}      

header, footer {
    background: #141314;
    color:#55F76A;
}

th {
    color: #55F76A;
}

/* Classes and IDs */

.log {
    background: rgb(34, 77, 40, 0.50);
    border: 4px solid #000000;
    border-radius: 8px;
    margin: 0 10%;
    padding-right: 5%;
    li {
        color:#55F76A;
    }
}

#ivplayer {
    border: none;
}