.title {
    color: black;
}
            #container {
                max-width: 800px;
                /* this is the width of your layout! */
                /* if you change the above value, scroll to the bottom
      and change the media query according to the comment! */
                margin: 0 auto;
                /* this centers the entire page */
            }

                            @font-face {
                font-family: "ByronRecCon";
                src: url('font/ByronRecCon.ttf');
            }

body{
background: black;
font-family: 'ByronRecCon';
font-size: 18px;
color: #111;
overflow-x: hidden;
}

/*cool box here */
.box{
background: rgba(0, 0, 0, 0.9);
background: url(https://calliphosis.neocities.org/backgrounds/paperborde.png) no-repeat center;
background-size: cover;
    
border: 0px;
margin-left: 70px;
margin-right: 70px;
z-index: 1;
position: relative;
    filter: drop-shadow(0 0 0.5rem #000000);
}
/*the box content */
.content{
padding: 2rem;
}