/*zootycoon*/

@font-face {
 font-family: 'Benton';
 src: url('./lib/benton.otf') format('opentype');
}

@font-face {
 font-family: 'Cocogoose';
 src: url('./lib/cocogoose.ttf') format('truetype');
}


:root {
 --style-minimum-width: 430px;
 --style-maximum-width: 1000px;
 --theme-font-primary: 'Cocogoose';
 --theme-font-secondary: 'Benton';
 --theme-font-tertiary: 'Consolas';
 --theme-color-primary: #EA7F22;
 --theme-color-secondary: #1ea705;
 --theme-color-tertiary: #000;
 --theme-color-bright: #4ba2ee;
 --theme-color-dark: #4ba2ee;
 --theme-lines: 3px;
 --font-color: #000;
 --title-align: center;
 --title-weight: bold;
 --header-align: left;
 --header-weight: bold;
 --body-background-color: #ea8321;
 --body-background-url: url('./img/body.png');
 --box-padding: 2rem;
 --box-background-color: #FFF;
 --box-background-url: url('./img/box.png');
 --box-radius: 1vw;
}

body {
 background: var(--body-background-url) no-repeat top center;
 background-size: 100vw;
 background-attachment: fixed;
 font-weight: 300;
}

h1 {
 color: #FFFCDF !important;
 filter: drop-shadow(4px 0px 0px #D70);
}

div.box {
 border: 0;
 background: #FFF repeat top center;
 box-shadow: 10px 0px 0px #D70;
}

blockquote { background: rgba(242, 218, 157,.25) }

#logo { filter: drop-shadow(10px 0px 0px #D70) }

a, strong { font-weight: 200 !important }
.brightbox { color: #FFF }
.brightbox a { color: #FFFCDF }
.brightbox a:hover { color: #FFF }
.darkbox {
 color: #FFF;
 border-color: var(--theme-color-primary);
}
a.darkbox:hover {
 color: #000;
 border-color: #000;
}
.code {
 display: inline-block;
 border: 2px solid var(--theme-color-primary);
 color: #000 !important;
}