@font-face {
    font-family: 'geo'; /*a name to be used later*/
    src: url('../assets/fonts/GeosansLight.ttf'); /*URL to font*/
}

html {
    min-height: 100%;
    height: 100%;
}

body {
    font-family: 'Lato', sans-serif;
    min-height: 100%;
    height: 100%;
}

.main {
    display: flex;
    background: #16222A;
    background-size: cover;
    background-position: center;
    background: -webkit-linear-gradient(to right, #3A6073, #ffffff);
    background: linear-gradient(to right, #3A6073, #ffffff);
    flex-direction: column;
    min-height: 100%;
}

.text-shadow {
    text-shadow: 0px 0px 10px rgba(0,0,0,0.7);
}

.skill {
    cursor:pointer;
}

.skill:hover {
    color:grey;
}

.skill.selected {
    color:orange;
}