ryan.css

a {
    color:inherit;
    text-decoration:none;
}

a:hover {

}

body {
    background-color: #239f59;
    font-family: "Open Sans", sans-serif;
    color: white; 
    -webkit-font-smoothing: antialiased;
}

.container {
	position: relative;
	top:50vh;
	max-width: 50rem;
	margin-top: -20rem;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.name {
	font-family: "Roboto Slab","Rockwell",sans-serif;
	font-weight: 700;
	font-size: 6rem;
	text-shadow: 2px 3px #061F11;
}

.icons {
	font-size: 3rem;
	letter-spacing: 1rem;
    line-height:em;
	text-shadow: 1px 2px #061F11;
}

.tooltip{
    line-height:normal;
    display: inline;
    position: relative;
}

.tooltip:hover:after{
    background: #061F11;
    border-radius: 3px;
    bottom: 63px;
    color: #fff;
    content: attr(title);
    font-size: 16px;
    letter-spacing: 0px;
    left: 5%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    /*width: 220px;*/
}

.tooltip:hover:before{
    border: solid;
    border-color: #061F11 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 57px;
    content: "";
    left: 20%;
    position: absolute;
    z-index: 99;
}
.tech {
    line-height:50rem;
}