body {
    background-color: black;
    margin: 0;
}

p {
    color: rgb(151, 0, 0);
    z-index: 2;
    position: fixed;
    max-width: max-content;
    margin: 0;
    font-size: 32px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.square {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(200,200,200,1));
    width: 100%;
    height: 200px;
    margin: 10px;
    padding: 10px;
    text-align: center;
}

.top {
    position: fixed;
    margin:0;

    top: 0%;
    left: 50%;

    transform: translate(-50%, -50%);
    z-index: 1;
}


a:link, a:visited {
    text-decoration: none;
    color: rgb(151, 0, 0);
}

a:hover {
    text-decoration: none;
    color: rgb(255, 0, 0);
}

.sticky {
    position: sticky;
    top: 0;
}

.outline img:hover {
    outline: #ffae00 solid 10px;
}

img:hover {
    outline: 4px solid;
    outline-color: white;
  }

h1 {
    position: relative; 
    bottom: 1000px; 
    left:22.5%;
    text-align: center;
    color: rgb(207, 0, 0);
    max-width: 55%;
    font-size: 24px;
}