


body {
    font-family:'Raleway';
    color:#521906;
    background-image:url('https://milkomatic.neocities.org/resources/360_F_226236042_fCS6M1UjSUPiI4Nu97gNs0p6xJmOebJA.jpg');
    background-size: ;
    background-color: #FFF9EF;
    display: block;
    margin:0%;
    width:100%; 
    max-height:100%;
    text-align: center;
        vertical-align: bottom;


}   
/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/others/oth-5/oth500.cur), auto !important;} /* End https://www.cursors-4u.com */
h1,h2,h3,h4,h5,h6 {
            color: #EB7A7E;
            font-family: 'Darumadrop One', cursive;
        text-shadow: 3px 3px #521906;
}

li{
  list-style-image: url('https://foollovers.com/mat/i-foodf/i01-icon-strawberry.gif');
  padding: 1px;
}



a:link {
  color: #F6985A;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #F6985A;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #F5D161;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: #5FB6EB;
  background-color: transparent;
  text-decoration: underline;
}

.container {
  width: 100%;
  max-height: 100%;
  display: flex; 

}

.one {
  width: 10%;                
  height: 100%;
  opacity: 100%;
  background-color: #FFF9EF;
  float: left;
  font-size: smaller;
  border-right-style:dashed;
  Border-color:#521906;
  border-width: 2px;
  z-index: 99;
  position:fixed;
    overflow:hidden;
}

.two {
  height:100%;
  position:fixed;
  opacity: 100%;
  width:100%;
  background-color:rgb(255, 249, 239,0.8);
  overflow:auto;
}



figure {
	width: 200px;
	height: 200px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
.column {

margin-left:22.5%;
}

.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
justify-content: center;
	float: left;
	margin: 10px 10px 10px 10px;

}
.column div:first-child {
	margin-left: 200px;
}


.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .95s;
	animation: shine .95s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}



