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

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


body{
    background-color: rgb(191, 192, 147);
    margin: 60px; 
}

h1{
    color: rgb(34, 33, 25);
    font-family: DMSerifText-Regular;
    text-shadow: 3px 3px 5px rgb(224, 12, 48);
}

#L2{
    color: rgb(10, 1, 1); 
}

#B1{
    background-color: rgb(130, 196, 77);
}

#p2{
    color: rgb(240, 207, 18);
    font-family: Bangers-Regular;
    text-shadow: 3px 3px 5px rgb(224, 12, 48);
}

#box2{
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    top: -230px;
    left: 450px;
}

#span6{
    margin-bottom: 10px;
    margin-top: 10px;
    position: absolute;
    top: 150px;
    left: 750px;
}

#boxpic2{
    position: absolute;
}

html {

scroll-behavior: smooth;

}

#myBtn{

    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: rgb(54, 144, 218);
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    transition: all .4s;

}

#myPic{

    display: block;
    position: fixed;
    top: 20px;
    right: 30px;
    z-index: 99;
    padding: 15px;
    border-radius: 4px;
    
}

#myBtn:hover {
   background-color: #555; /* Add a dark-grey background on hover */
}
footer{
   position: relative;
   text-align: right;
   top: 180px; 
}