/* Main CSS for the HTML */
html {
    background-image: url('./files/images/kaufland.webp');
    background-size: cover;
    background-repeat: no-repeat;
}

/* Textboxes! */
#titlebox {
    margin: auto;
    width: fit-content;
    height: fit-content;
    border: 20px solid #0401c5;
    background-color: #3460be;
    box-shadow: black;
    padding: 10px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 300%;
    -webkit-box-shadow: 0px 3px 0px 2px rgba(0,0,0,0.1), 0px 6px 0px 4px rgba(0,0,0,0.1), 0px 9px 0px 6px rgba(0,0,0,0.1), 0px 12px 0px 8px rgba(0,0,0,0.1), 0px 15px 0px 10px rgba(0,0,0,0.1), 0px 18px 0px 12px rgba(0,0,0,0.1), 0px 21px 0px 14px rgba(0,0,0,0.1), 0px 24px 0px 16px rgba(0,0,0,0.1), 0px 27px 0px 18px rgba(0,0,0,0.1), 0px 30px 0px 20px rgba(0,0,0,0.1), 5px 5px 15px 5px rgba(31,31,255,0); 
    box-shadow: 0px 3px 0px 2px rgba(0,0,0,0.1), 0px 6px 0px 4px rgba(0,0,0,0.1), 0px 9px 0px 6px rgba(0,0,0,0.1), 0px 12px 0px 8px rgba(0,0,0,0.1), 0px 15px 0px 10px rgba(0,0,0,0.1), 0px 18px 0px 12px rgba(0,0,0,0.1), 0px 21px 0px 14px rgba(0,0,0,0.1), 0px 24px 0px 16px rgba(0,0,0,0.1), 0px 27px 0px 18px rgba(0,0,0,0.1), 0px 30px 0px 20px rgba(0,0,0,0.1), 5px 5px 15px 5px rgba(31,31,255,0);
}

#textbox {
    font-family: 'lores-12-narrow',sans-serif;
    color: #f3edae;
    font-size: 200%;
    position: relative;
    margin: 40px;
    background-color: #000000;
    width: fit-content;
    min-height: 300px;
    border: 33px solid;
    border-radius: 50px;
    border-image: url('./files/images/eb_box.png') 33 round;
    padding: 10px;
    box-sizing: border-box;
  }

/* Buttons! */
.linkbutton {
	box-shadow: 3px 4px 0px 0px #327fc2;
	background: linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	background-color: #79bbff;
	border-radius: 13px;
	border: 4px solid #6494c4;
	display: inline-block;
	cursor: pointer;
	color: #110868;
	font-family: Courier New;
	font-size: 200%;
	font-weight: bold;
	padding: 12px 44px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #2420a1;
}
.linkbutton:hover {
	background-image: url('./files/images/ie_trollface.webp');
    background-size: cover;
    background-position: center;
}
.linkbutton:active {
	position: relative;
	top: 1px;
}

.spoopybutton {
    background: transparent;
    border: none;
    font-size: 15%;
}