body {
    background-image:url('tomnook.jpg');
    background-color: rgb(0, 0, 0);
}
  
.box {
    background-color: rgb(255, 216, 243);
    font-size: 12px;
    text-align: center;
}

.box:hover {
    background: rgb(255, 154, 2);
    color: rgb(239, 236, 255);
}


@font-face {
    font-family: "vcr";
    src: url(VCR_OSD_MONO_1.001.ttf);
}


h1 {
   font-family:'vcr';
   font-size: 100px;
   color:rgb(162, 41, 160);
   text-align: center;
}

h4 {
    font-family: 'Courier New', Courier, monospace;
}

h2 {
    position: relative;
    top: 20px;
    font-family: 'Courier New', Courier, monospace;
    border-color: rgb(127, 255, 85);
    background-color: purple;
    color: blanchedalmond;
}

p {
    position: relative;
    font-family:'vcr';
    font-size:larger;
}
* {
    box-sizing:border-box;
}



.text {
    position: relative;
    right: -725px;
    top: -180px; 
    width: 270px;
    height: 10px;
}

b {
    color: rgb(130, 6, 103);
}
img {
    position: relative;
    top: 20px;
    border: solid;
    border-color: black;
    display: block;
    margin: auto;
    object-fit: cover;
    width: 230px;
    height: 230px;
}

.hello{
    position: relative;
    border: solid;
    border-color: rgb(127, 255, 85);
    background-color: purple;
    color: blanchedalmond;
    top: 10px; 
    font-size: 40px;
    text-align: center;
}

.hello:hover {
    background: blanchedalmond;
    color: purple;
}

h2:hover {
    background: blanchedalmond;
    color: purple;
}

.plants:hover {
    background: blanchedalmond;
    color: purple;
}

.my:hover {
    background: rgb(255, 154, 2);
    color: rgb(239, 236, 255);
}
.me {
    position: relative; 
    right: 150px;
    top: 20px;
}

.songs {}

.games {
    position: relative;
}

.games2 {
    position: relative;
    top: -2.36in;
    right: 2.7in;
}

.games3 {
    position: relative;
    top: -4.8in;
    right: -2.7in;
}

.test {
    position: relative;
    top: -420px;
}

li {
    position: relative;
    text-align: center;
    top: -420px;
}

.plants {
    position: relative;
    text-align: center;
    top: -800px;
    font-size:40px;
    border-color: rgb(127, 255, 85);
    background-color: purple;
    color: blanchedalmond;
}

.my {
    position: relative;
    font-style: italic;
    color:blue;
    border: 20in;
    border:solid;
    background-color: rgb(244, 210, 242);
    text-align: center;
    border-style: groove;
    border-radius: 20in;
    top: -800px;
    font-size: 40px;
    
}