/* .---------------------------. */
/* |  ___ ___  _  _ _____ ___  | */
/* | | __/ _ \| \| |_   _/ __| | */
/* | | _| (_) | .` | | | \__ \ | */
/* | |_| \___/|_|\_| |_| |___/ | */
/* '---------------------------' */

/*===========================================================*/

/* | ||\ |/~\| [~| ||\/| */
/* |_|| \|\_/|_[_|_||  | */

    /* https://www.dafont.com/linoleum.font */
        /* Used for headers. */
        
@font-face { 
	font-family: "LINO"; 
	src: url("https://the-terrarium.neocities.org/FONTS/LINO.woff2") format("woff2"), 
		url("https://the-terrarium.neocities.org/FONTS/LINO.woff") format("woff"), 
		url("https://the-terrarium.neocities.org/FONTS/LINO.ttf") format("truetype"); 
}

/* |~)| /~\|/ */
/* |_)|_\_/|\ */

    /* https://www.dafont.com/blok.font?l%5B%5D=10&l%5B%5D=1 */
        /* Used for body text. */
        
@font-face { 
	font-family: "BLOK"; 
	src: url("https://the-terrarium.neocities.org/FONTS/BLOK.woff2") format("woff2"), 
		url("https://the-terrarium.neocities.org/FONTS/BLOK.woff") format("woff"), 
		url("https://the-terrarium.neocities.org/FONTS/BLOK.ttf") format("truetype"); 
}

/* |_||~||\ ||~\(~[~|~)||~ */
/* | ||~|| \||_/_)[_|~\||~ */

    /* https://www.dafont.com/handserif.font?l%5B%5D=10&l%5B%5D=1 */
        /* Used for notes. */
        
@font-face { 
	font-family: "HS"; 
	src: url("https://the-terrarium.neocities.org/FONTS/HS.woff2") format("woff2"), 
		url("https://the-terrarium.neocities.org/FONTS/HS.woff") format("woff"), 
		url("https://the-terrarium.neocities.org/FONTS/HS.ttf") format("truetype"); 
}

/*===========================================================*/

/* .-------------------------. */
/* |  __  __  ___  ___  ___  | */
/* | |  \/  |/ _ \|   \| __| | */
/* | | |\/| | (_) | |) | _|  | */
/* | |_|  |_|\___/|___/|___| | */
/* '-------------------------' */

/*===========================================================*/

/* | ||~_|_|~|~  |\/|/~\|~\[~ */
/* |_||_|| | |   |  |\_/|_/[_ */

body {
    
  background-color: #657C63;
  color: #060A05;
  
  font-family: "BLOK";
  font-size: 25px;
  line-height: 125%;
 
  margin: 0 auto;
  padding: 0 20px;
  
}

/* |~\|~||~)|/  |\/|/~\|~\[~ */
/* |_/|~||~\|\  |  |\_/|_/[_ */

.dark-body {
    
    background-color: #657C63;
    color: #BFAF74;
    
}

/*===========================================================*/

/* .-------------------------------------------------------. */
/* |  _____ _____  _______   ___ _______   ___    ___ ___  | */
/* | |_   _| __\ \/ /_   _| / __|_   _\ \ / / |  | __/ __| | */
/* |   | | | _| >  <  | |   \__ \ | |  \ V /| |__| _|\__ \ | */
/* |   |_| |___/_/\_\ |_|   |___/ |_|   |_| |____|___|___/ | */
/* '-------------------------------------------------------' */
/*===========================================================*/

h1 {
    
    background-color: #BFAF74;
    
    font-family: "LINO";
    font-size: 60px;
    line-height: 100%;
    text-align: center;
    
    max-width: 1000px;
    width: auto;
    margin: 25px auto;
    padding: 25px 25px;
    
    border: 5px solid #060A05;
    border-radius: 5px;
    
}

h2 {
    
    font-family: "BLOK";
    font-size: 45px;
    text-transform: uppercase;
    
    text-align: center;
    text-indent: 0;
    
}

/*===========================================================*/


/* .-------------------------------------------. */
/* |  ___ _____   __   ___ _      _   ___ ___  | */
/* | |   \_ _\ \ / /  / __| |    /_\ / __/ __| | */
/* | | |) | | \ V /  | (__| |__ / _ \\__ \__ \ | */
/* | |___/___| \_/    \___|____/_/ \_\___/___/ | */
/* '-------------------------------------------' */

/*===========================================================*/

.center {
    
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  
}

.box {
    
    border-style: solid;
    border-width: 120px 122px 173px 122px;
    border-image-source: url("https://i.imgur.com/cwaS8s2.png");
    border-image-slice: 120 122 173 122 fill;
    border-image-repeat: stretch round;
    
    max-width: 600px;
    width: auto;
    margin: 25px auto;
    
    text-indent: 25px;
    
}