CSS

body {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #d9d9d9;
background-image: url("https://www.transparenttextures.com/patterns/always-grey.png");
    background-size: 4%;
    background-position: center;
    background-repeat: repeat;
    z-index: 0;
}

.picture {
    background-image: url(https://i.imgur.com/Tt0YIr7.png);
    background-size: 52vw;
    background-repeat: no-repeat;
    position:absolute;
    top: 7vh;
    left: 30vh;
    width: 100vh;
    height: 120vh;
    transform: rotate(10deg);
    z-index: 3;
}

.picture2 {
    background-image: url(https://ervirath.com/wp-content/uploads/2019/06/Slime-1.gif);
    background-size: 10vw;
    background-repeat: no-repeat;
    position:absolute;
    top: -1.45vh;
    left: 63.5vh;
    width: 100vh;
    height: 120vh;
    transform: rotate(-10deg);
    z-index: 3;
}


.box1{
    position: absolute;
    width: 58vh;
    height: 56vh;
    left: 25vh;
    top: 30vh;
    border: .5vh solid #000000;
    background: #;
    font-size: 3vh;
    color: #311C23;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow-y: scroll;
    transform: rotate(-10deg);
    z-index: 5;
}


.picture {
    background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0434ebe4-43fd-4e8c-a686-5f8eae24ce32/dcu690n-efcbf4fc-9290-401c-806a-a8eb42b9116b.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvMDQzNGViZTQtNDNmZC00ZThjLWE2ODYtNWY4ZWFlMjRjZTMyXC9kY3U2OTBuLWVmY2JmNGZjLTkyOTAtNDAxYy04MDZhLWE4ZWI0MmI5MTE2Yi5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.LDKJrCHSYJ8zb0Ao6HIGXkWO2w89VXeZ7Kqxo07m-bQ);
    background-size: 35vw;
    background-repeat: no-repeat;
    position:absolute;
    top: 12vh;
    left: 55%;
    width: 100vh;
    height: 120vh;
    left: vh;
    z-index: 2;
}


.lights {
    background-image: url(https://i.pinimg.com/originals/e3/91/2d/e3912d879f7e3f8f350bbda2f4409bf8.gif);
    background-size: 100vw;
    background-repeat: no-repeat;
    position:absolute;
    top: 0vh;
    left: 0vh;
    width: 500vh;
    height: 200vh;
    left: vh;
    z-index: -1;
    opacity: .1;
}


a {color: #311C23;
          text-decoration: none;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        }

 a:hover {color: #fff;
        text-decoration: bold;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        }


::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 0.6vw rgba(0,0,0,0.3);
	border-radius: 0vw;
	background-color: #;
}

::-webkit-scrollbar
{
	width: 0vh;
	background-color: #;
}

::-webkit-scrollbar-thumb
{
	border-radius: 0vw;
	-webkit-box-shadow: inset 0 0 0.6vw rgba(0,0,0,.3);
	background-color: #;
}

font-family: 'Special Elite', cursive;