@font-face {
    src: url(fonts/PressStart2P-Regular.ttf);
    font-family: pressStart2P;
}


body {
    background-image: url(images/stars.gif); 
    background-size: 200px 200px;
    
}
body::before {
    content: "";
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5); 
    z-index: 0;
    overflow-x: auto;
}
body > * {
    position: relative;
    z-index: 1;
}

.about-me-button {
    width: 380px;
    position: absolute;
    top: 200px;
    left: 14%;
    cursor: pointer;
}
.about-me {
    z-index: 9999;
}
.interests-button{
    width: 380px;
    position: absolute;
    top: 200px;
    left: 30%;
    cursor: pointer;
    z-index: 9999;
}
.interests {
    z-index: 9999;
}
.projects-button{
    width: 380px;
    position: absolute;
    top: 200px;
    left: 46%;
    cursor: pointer;
    z-index: 10;
}
.projects {
    z-index: 9999;
}
.contacts-button{
    width: 380px;
    position: absolute;
    top: 200px;
    left: 62%;
    cursor: pointer;
    z-index: 10;
}
.contacts {
    z-index: 9999;
}
.about-me-button:active {
    transform: scale(1.1);
}
.interests-button:active {
    transform: scale(1.1);
}
.projects-button:active {
    transform: scale(1.1);
}
.contacts-button:active {
    transform: scale(1.1);
}

.vertical-box {
  width: 1090px;        
  height: 1700px;       
  border: dotted 10px #5e17eb;
  position: absolute;
  top: 300px;
  left: 16.5%;
  padding-bottom: 60px;
}
.vertical-box1 {
  width: 1090px;        
  border-top: dotted 10px #5e17eb;
  position: absolute;
  top: 500px;
  left: 17%;

}
.h1 {
    font-family: pressStart2P, monospace;
    color: white;
    font-size: 60px;
    text-align: center;
    text-decoration: underline;
    position: absolute;
    top: 200px;
    left: 3%;

}
.p1 {
    font-family: pressStart2P, monospace;
    color: white;
    font-size: 25px;
    text-align: left;
    position: absolute;
    top: 320px;
    left: 3%;
    width: 900px;
    line-height: 1.5;
    padding: 20px;
    padding-right: 100px;
}
.p2 {
    font-family: pressStart2P, monospace;
    color: white;
    font-size: 25px;
    text-align: left;
    position: absolute;
    top: 1550px;
    left: 3%;
    width: 900px;
    line-height: 1.5;
    padding: 20px;
    padding-right: 100px;
}
.hh {
    font-family: pressStart2P, monospace;
    color: white;
    font-size: 130px;
    text-align: center;
    position: absolute;
    top: 1px;
    left: 37%;
    text-shadow: 
        5px 2px #5e17eb,
        -2px -2px ,
        2px -2px #5e17eb,
        -2px 2px 
}
.disk-icon {
    position: absolute;
    top: 1770px;
    left: 64%;

    width: 330px;
    cursor: pointer;
    z-index: 10;
    transform-origin: center center;

}