html { 
}

body {
    background-image: url(https://file.garden/aiDArXaSGigyN1p_/website%20backgrounds/indextest2.jpg);
    background-attachment: fixed;
    background-size: cover;
}

@font-face {                  
font-family: 'Barecast';
src: url(https://humantooth.neocities.org/fonts/Barecast-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
} 

@font-face {                  
font-family: 'Aber-Mono';
src: url(https://humantooth.neocities.org/fonts/Aber-Mono-Regular.woff) format('woff');
font-weight: normal;
    
}

h3 {
  font-family: 'Aber-Mono';
   text-align: center;
   margin-bottom: 5px; 
   margin-top: 5px; 
}

p {
    
  font-family: "Barecast", Arial, sans-serif; 
  margin-bottom: 10px;
  margin-top: 10px;
    
}

ul {
  font-family: "Barecast", Arial, sans-serif; 
}


#all {
    max-width: 800px; 
    margin: 0 auto;
    padding: 20px; 
    font-size: 14px; 
}

#intro {
    color: #d9d1d1;
    border-radius: 5px;
    border: 8px solid #1f1e1e;
    background-color: black;
    padding: 20px; 
    margin-bottom: 20px; 
    text-decoration-color: ghostwhite;
    
}

/* EDIT LATER */
#relations {
    margin-top: 20px; 
    background-color: ghostwhite;
    padding: 10px; 
    margin-bottom: 5px; 
}

#disclaimer {
    color: #d9d1d1; 
    text-align: center;
    border-radius: 5px;
    border: 8px solid #1f1e1e;
    background-color:  black;
    padding: 20px; 
    margin-bottom: 20px; 
    margin-bottom: 20px; 
}

#disclaimer h3 {
    padding: 8px; 
}

/* HYPERLINK THING */ 

  a:link {
    color: crimson;
    
 }

a:hover{
    color: #da4639;
}

  a:visited {
    color: darkred;
   
 }

  a:active {
      
 }


#parts {
    text-align: center;
    border-radius: 5px;
    border: 8px solid #1f1e1e;
    background-color: black;
    padding: 20px; 
    margin-bottom: 20px; 
}

.titleseparator {
   display: flex;
   flex-direction: row;
   justify-content: space-evenly;
}

.left {
    
}

.middle {
    text-align: center;
}

.right {
    
}