.column {


	padding:5px;
	



	
}

.column.main {
	
	width:70%;
	float:left;

}
.column.side {
	
	width:30%;
	float:right;
}
.row::after {
  content: "";
  clear: both;
  display: table;
}



.card{
	background-color: white;
  min-height: 100px;
  overflow: hidden;
  border: solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
  border-color: #b67;
  border: px solid #955454;
  border-radius: 10px;
  box-sizing: border-box;
  outline: 2px outset #e17373;
  box-shadow: 0px 2px 8px 5px rgba(102, 30, 30, 0.36);
  margin: 6px;
	

}
.card:hover{
	filter: brightness(110%);
  scale: 102%;
}

#profile{


	text-align:center;
}

#pfp{
	display: block;
	margin: 10% auto;

	text-align:center;
}

#widget{
	height: 200px;
}


#rose{
	position: absolute;


	animation:fade 4s infinite;

	animation-iteration-count: infinite;

}


@keyframes float {
  from, to {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(20px);
  }
}

@keyframes scroll {
	to {
		transform: translate(100%);

	}
}
@keyframes fade {
	from, to {
	  opacity: 1;
	}
	50% {
	  opacity: 0;
	}
}

iframe{
	overflow: none;
	border: none;
	margin: auto;
	position: relative;
	display:block;
	padding: auto;
}

#rose-container {  
	

	position: absolute;
	top: 0;
	bottom:0;
	transition: opacity 500ms;
	width: 100%;
	overflow: hidden;
	pointer-events: none;
  }

   #goat:hover{
  transform: rotate(5deg);
 
} 

#goatwrapper{

	background: none ;outline: none; box-shadow: none; 
	display: block;
	
}