body {
    font-family: "Courier New", Courier, monospace;
}

#content {
    display: flex;
    width:100%;
    height:100%;
    align-items: center;
    justify-content: center;
    z-index:2;
    position: fixed; top: 0; left: 0;
}

#menu {
    font-size:20px;
    color:white;
    display: flex;
    justify-content: start;
    flex-direction: row;
    position: fixed; top: 20px; left: 20px;
    z-index:3;
}

.menulink {
    background-color:blue;
    opacity:0.6;
    padding-left:6px;
    padding-right:6px;
    padding-top:3px;
    padding-bottom:3px;
    margin-right:10px;
    margin-bottom:8px;
}

.menulink a {
    text-decoration:none;
    color:white;
}

.menulink:hover {
    opacity:1;
}

#text, #contact, #resume {
    width:100%;
    font-size:30px;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    opacity:0.6;
    display:flex;
    align-items: center;
    justify-content: center;
    text-align:justify;
}

#text {
    background-color:red;
}

#contact {
    background-color:yellow;
}

#resume {
    flex-direction: column;
    background-color:red;
}

#text span, #contact span {
    width:60%;
}
    
#text:hover {
    color:white;
}

#text a:hover, #resume a:hover {
    color:white;
}

#text a, #contact a, #resume a {
    color:black;
    text-decoration:none;
}

#contact a:hover {
    color:blue;
}

#resume span {
    width:auto;
}

#doingit, #wrong, #wrong2, #wrong3 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

#doingit { 
    z-index: 1; 
    background: transparent url(../images/pattern.png) repeat top left; 
}

#wrong {
    z-index: 0; 
    background: transparent url(../images/1.jpg) repeat top left; 
    background-size: 110%;
}

#wrong2 {
    z-index: 0; 
    background: transparent url(../images/2.jpg) repeat top left; 
    background-size: 110%;
}

#wrong3 {
    z-index: 0; 
    background: transparent url(../images/3.jpg) repeat fixed left; 
    background-size: 110%;
}

@media only screen and (max-width: 600px){ 
    #text, #resume, #contact {
        width:80%;
        margin-top:14%;
        margin-left:14%;
    }
    
    #wrong3 {
    background: transparent url(../images/3.jpg) repeat top left; 
}
}