/*----------------- TEXT -----------------*/

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

/*----------------- IMPORTANT -----------------*/

body {
}

.pinktheme {
    background-image: url("/art/BG/BG_flowerplaid.gif");
	color: #ee4d98;
    font-family: pixel2;
    font-size: 20px;
}

.greentheme {
    background-image: url("/art/BG/BG_orangeapple.png");
	color: #598e60;
    font-family: pixel2;
    font-size: 20px;
}

/*----------------- BOXES -----------------*/

.container {
    margin: auto;
    text-align: center;
    padding: 20px;
    width: 700px;
}


.flexbox {
    display: flex;
    justify-content: center;
}

.header {
    padding: 5px;
    font-size: 25px;
    text-align: center;
}

.listbox {
    margin: 5px;
    padding: 5px;
    width:300px;
    text-align: left;
}


/* -- Coloured Backgrounds/Borders --*/

.pinkpage{
    border: 5px solid #fa7294;
    background-color: #fcffdd;
}

.pinkborder {
    border: 2px solid #fa7294;
    background-color: #fefff0;
}

.pinkcc {
    background-color:#fa7294;
    color: #fcffdd;
}


.greenpage{
    background-color: #fcffdd;
    border: 5px solid #4da648;
}

.greenborder {
    background-color: #fefff0;
    border: 2px solid #4da648;
}

.greencc {
    background-color:#4da648;
    color: #fcffdd;
}


/*-- UNDERTALE SPRITES --*/

.utcontainer {
	display: flex;
    margin: auto;
	padding: 10px;
	border: 5px solid #eaeaea;
	background-color: black;
	color: white;
	max-width: 500px;
}

.uttext {
	margin-left: 10px;
}