:root{--borders: #61e294ff;
--accent: #7bcdbaff;
--text: #ee4b6aff;
--background: #9799caff;
--links: #fac05eff;}
/* General setup */

a {
  background: linear-gradient(to bottom, #ffebee 0%, #ffebee 100%);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 3px 3px;
  color: #000;
  text-decoration: none;
}

/** INVERT COLORS (by http://anyhs-themes.tumblr.com) **/
#at_inverter_cores {cursor: pointer; font-size: 11px; color: #FFF; position: fixed; z-index: 123456789; padding: 5px 10px; background: rgba(60,60,60,.5); font-family: 'Verdana'; border-radius: 3px;
   top: 50px; /** this determinates how distant from the top the button will be **/
   right: 10px; /** this determinates how distant from the right corner the button will be **/
}
#at_inverter_cores i {margin-left: 2px; color: #FFF;} /** properties of the enabled/disabled icon **/

.inverter { filter: invert(1) !important; -webkit-filter: invert(1) !important; }
.naoinverter { filter: invert(0) !important; -webkit-filter: invert(0) !important; }

body.inverter {background: #FFF;} /** if the background color doesn't invert when you press the button, so define here the color you want for the background when the theme is inverted **/
#maincontainer.inverter {background: #000;}
/** INVERT COLORS (by http://anyhs-themes.tumblr.com) **/

a:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='https://www.w3.org/2000/svg' xmlns:xlink='https://www.w3.org/1999/xlink' xmlns:ev='https://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23ff9800' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
  background-position: 0 100%;
  background-size: auto 6px;
  background-repeat: repeat-x;
  text-decoration: none;
}


/* Typography */

h1 {
  font-size: 3.2rem;
  font-family: 'BenchNine', sans-serif;
  color:#e53bb9;
}


h2 {
  font-size: 1.4rem;
 font-family:noto-sans-bold,proxima_novabold,helvetica neue,Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;
  color:#58bb80;
}

#maincontainer img:hover{border:solid 1px var(--borders);}



ul {
 list-style-type: square;
 color:#ffebee;
}

#s-m-t-tooltip{
  /* basic */
  max-width:300px;
  z-index:10;
  margin:24px 14px 7px 12px;
  /* style and design */
  padding:8px;
  background:linear-gradient(#e53bb9,#a5248e);border-color:#e53bb9;color:#fff;transition:0ms;box-shadow:0 3px 6px rgba(0,0,0,.4);
  /* font */
 font-family: 'BenchNine', sans-serif;
  font-size:11px;
  line-height:16px;
  color:#231e1e;
}

body{
 background-image:url(../img/grungy-pink_Blingify-com.jpg);background-attachment:fixed; background-position:top left; background-repeat:repeat; background-color:#ffffff;
margin:0;
padding:0;
line-height: 1.5em;
font-family:noto-sans,proxima_nova_regular,helvetica neue,Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;
color:var(--text);
border-color:#58bb80;}

@font-face{font-family:proxima_novabold;src:url(/css/fonts/ProximaNova-Bold-webfont.eot);src:url(/css/fonts/ProximaNova-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(/css/fonts/ProximaNova-Bold-webfont.woff) format("woff"),url(/css/fonts/ProximaNova-Bold-webfont.ttf) format("truetype"),url(/css/fonts/ProximaNova-Bold-webfont.svg#proxima_novabold) format("svg");font-weight:400;font-style:normal}@font-face{font-family:noto-sans;src:url(/css/fonts/notosans/NotoSans-Regular.ttf);src:url(/css/fonts/notosans/NotoSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:noto-sans-bold;src:url(/css/fonts/notosans/NotoSans-Bold.ttf);src:url(/css/fonts/notosans/NotoSans-Bold.ttf) format("truetype");font-weight:700;font-style:bold}@font-face{font-family:sofia-pro-soft-bold;src:url(/css/fonts/sofia/sofia-pro-soft-bold-webfont.woff2) format("woff2"),url(/css/fonts/sofia/sofia-pro-soft-bold-webfont.woff) format("woff"),url(/css/fonts/sofia/sofia-pro-soft-bold-webfont.ttf) format("truetype");font-weight:700;font-style:bold}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:proxima_novabold;src:url(/css/fonts/ProximaNova-Bold-webfont.svg#proxima_novabold) format("svg")}@font-face{font-family:proxima_nova_regular;src:url(/css/fonts/ProximaNova-Reg-webfont.svg#proxima_nova_regular) format("svg")}}

b{font-size: 110%;}
em{color: var(--text);}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color:#fff;font-family:inherit;font-weight:400;color:#58bb80;transition:box-shadow .5s,border-color .25s ease-in-out;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;
}

#topsection{
background: var(--background);
background-image:url('https://jorvik.neocities.org/img/header452.jpg');
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
color:#fff;text-decoration:none;background-color:#ec9eda;
}

#leftcolumn a {text-transform:uppercase;}

#footer{
clear: left;
width: 100%;
background: var(--borders);
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* ####### responsive layout CSS ####### */

@media (max-width: 840px){ /* responsive layout break point */
	#maincontainer{
	width: 100%;
	}
	
	#contentwrapper{
	float: none;
	}
	
	#leftcolumn{
	float: none;
	width: 100%;
	margin-left: 0;
	}
	
	#contentcolumn{
	margin-left: 0;
	}
}