footer {
	margin-top: 0;
}

.wrapper {
	margin: auto;
	height: auto;
	min-width: initial;
}

.home {
	font-family: "Roboto Mono",monospace;
}

ul {
	font-size: 1.1rem;
	min-width: 4.5em;
	color: #21ad26;
	padding: 0;
}

li {
	display: block;
	min-width: 4.5em;
	text-align: center;
}

.wrapper a {
	color: #21ad26;
}

#home-text {
	display: flex;
	padding-top: 0.1rem;
	max-width: 24em;
	margin: auto;
}

#logo-home {
	width: 64px;
	height: 64px;
	display: inline;
	align-items: center;
	margin-top: 4px;
}

#sm-icon a {
	opacity: 0.5;
	margin: 0 0.3em;
}

#sm-icon a:hover {
	opacity: 0.8;
}

.floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
  
@keyframes floating {
    0% { transform: translate(0,  -1px); }
    50%  { transform: translate(0, 2px); }
    100%   { transform: translate(0, -1px); }    
}

.wave {
	animation-name: wave-animation;
	animation-duration: 2.5s;
	animation-iteration-count: 1;
	transform-origin: 60% 80%;
	display: inline-block;
}

.wave:hover {
	animation: wave-animation 2.5s ease-in-out;
}

@keyframes wave-animation {
    0% { transform: rotate( 0.0deg) }
   10% { transform: rotate(14.0deg) }
   20% { transform: rotate(-8.0deg) }
   30% { transform: rotate( 7.0deg) }
   40% { transform: rotate(-4.0deg) }
   50% { transform: rotate( 5.0deg) }
   60% { transform: rotate( 0.0deg) }
  100% { transform: rotate( 0.0deg) }
}