body {
    background: #000000;
    overflow: scroll;
    color:#ffbf00;
    font-family: "arial";
    font-size: 20px;
}

h1 {
    color: #ffbf00;
    font-family: "arial black";
    font-size: 90px;
    display: flex;
    align-content: center;
    justify-content: center;
    
}

h2 {
    color: #ffbf00;
    font-family: "arial black";
    font-size: 55px;
    display: flex;
    align-content: left;
    align-items: left;
    justify-content: left;
    height: 100px;
}


h2:hover{
    color: white;
    animation: flicker2 1s infinite alternate;
}

h3 {
    color: #ffbf00;
    font-family: "arial";
    display: flex;
    align-content: center;
    justify-content: center;
}


.menu{
    width: 20%;
    height: 10px;
    padding-left: 10px;
    justify-content: left;
    transform: translateX(70%);
}

#container{
    width: 750px;
    height: 300px;
    justify-content: left;
    padding: 1%;
    margin: auto;
    overflow: scroll;
}

#container-film{
    width: 830px;
    height: 400px;
    margin: auto;
    padding: 1%;
    overflow: scroll;
    justify-content: center;
}

.imagebutton-narrative{
    width: 450px;
    height: 164px;
    margin:auto;
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
    opacity: 75%;
    background-image: url("images/work/ICUPGASNINYM.jpg");
    background-size: cover;
}

.imagebutton-editing{
    width: 450px;
    height: 160px;
    margin:auto;
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
    opacity: 75%;
    background-image: url("images/work/IJA%20STILL.png");
    background-size: cover;
}

.imagebutton-documentary{
    width: 450px;
    height: 157px;
    margin:auto;
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
    opacity: 75%;
    background-image: url("images/work/into%20the%20lights.jpg");
    background-size: cover;
}

.imagebutton-musicvideo{
    width: 450px;
    height: 157px;
    margin:auto;
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
    opacity: 75%;
    background-image: url("images/work/angel.png");
    background-size: cover;
}

---

.imagebutton-pinkgunk{
    width: 450px;
    height: 164px;
    margin:auto;
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
    opacity: 75%;
    background-image: url("images/work/ICUPGASNINYM.jpg");
    background-size: cover;
}

#back{
    width: fit-content;
    justify-content: center;
    margin: auto;
}

#password{
    width: fit-content;
    justify-content: center;
    margin: auto;
    align-content: center;
    display: flex;
    transform: translateY(150px);
    
}


.my-button {
  color: #ffbf00;              /* Text color */
  text-decoration: none;     /* Removes the underline */
  display: inline-block;     /* Allows for padding and margins */
  border-radius: 5px;        /* Rounded corners */
  cursor: pointer;           /* Changes mouse icon to a hand */
}

.go-back {
  color: #ffbf00;              /* Text color */
  text-decoration: none;     /* Removes the underline */
  display: inline-block;     /* Allows for padding and margins */
  border-radius: 5px;        /* Rounded corners */
  cursor: pointer;           /* Changes mouse icon to a hand */
}

.go-back:hover::before{
    content: "bruh go ";
}

.flicker {
    color: white;
    animation: flicker 0.5s infinite alternate;
}

@keyframes flicker{
    100% {
        color: rgba(166, 166, 166, 0.16);
    }
    0% {
        color:#ffbf00;
    }
}

@keyframes flicker2{
    100% {
        color: rgb(255, 255, 255);
        font-size: 55px;
    }
    0% {
        color:#ffbf00;
        font-size: 50px;
    }
}