/* CSS Document used for the Project 1 assignment
Author: Robert Laughton
Course: ITWP 1000
File: sheet.css
*/

body {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
    color:#fcfcfc;
    font-family: Arial, sans-serif;
    background-color: #13023f;
    }

h1 {
    text-align: center;
    font-size: 4.5em;
    color: #fcfcfc;
    }

h2 {
    text-align:center;
    font-size: 1.5em;
    color: #8f8b8b;
    }

h4 {
    text-align: left;
    color: #4860eb;
    }

nav {
    text-align: center;
    }
    
p   {
    margin: 10px;
    padding: 20px;
    line-height: 1.5em;
    color: #fcfcfc;
    }

figcaption {
    text-align:left;
    color:#e72727
    }

.left {
    margin-right: 15px;
    float: left;
    }

.right {
    margin-left: 15px;
    float: right;
    }

ol {
    text-align:left;
    color:rgb(5, 163, 163)
    }

.video-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    }
    .video-container iframe {
    width: 960px;
    height: 650px;
    }

footer {
    text-align:center;
}

a {
    color: red; /* Change this to your desired color */
  }
  
  /* Visited link state */
  a:visited {
    color: orange; /* Change this to your desired color */
  }
  
  /* Hover state */
  a:hover {
    color: pink; /* Change this to your desired color */
  }
  
  /* Active link state */
  a:active {
    color: yellow; /* Change this to your desired color */
  }