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


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


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

*{
box-sizing: border-box;
margin: 0;
padding: 0;
}

body{
background: rgb(0, 0, 0);
background: black;
font-family: 'Judges';
font-size: 16px;
color: #111;
overflow-x: hidden;
background-size: 400px;
background-image: url('https://calliphosis.neocities.org/backgrounds/redback.gif');
background-repeat: repeat;
}

.headerborder{
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: 25px;
}

.container{
display: flex;
flex-direction: column;
max-width: 900px;
margin: auto;
}

.box{
background: rgba(0, 0, 0, 0.9);
border: 5px ridge #cf0000;
margin-left: auto;
position: relative;
z-index: 1;
}

.content{
padding: 2rem;
color: white;
font-size: 20px;

}

.altimitlogo{
position: fixed;
right: 1rem;
top: 42%;
width: 480px;
}

a{
color: #a20000;
text-decoration: none;
}

a:hover{
font-weight: bold;
text-shadow: none;
}

.side1 a:hover{
font-weight: normal;
text-shadow: 0 0 5px #fff;
color: #97D9E9;
}

a:active{
font-weight: normal;
}

::-webkit-scrollbar {
width: 12px;
height: 12px;
}

::-webkit-scrollbar-track {
border: 1px solid rgba(205, 50, 83, 0.42);
border-radius: 0px;
}

::-webkit-scrollbar-thumb {
background: rgba(255, 0, 0, 0.42);  
border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
background: #620c0c;  
} 

@media(max-width:750px){
body{
background: rgb(0, 0, 0);
background: black
    }

.bgimg{
position: fixed;
bottom: 0;
left: 0;
}
.img{
width: 100%;
}
.header{
margin: 0;
}
.headerborder{
display: none;
}
.container{
padding: 1rem 1rem 4rem 1rem;
}
.box{
margin: 0;
}