.svg-icon {
    width: 1em;
    height: 1em;
}

.icon-mail {
    transform: translateY(.2em);
}

.icon-phone {
    transform: translateY(.15em);
}

.svg-icon path {
    fill: #212121;
}

* {
    margin: 0;
}

html,
body {
    height: 100%;
}

body {
    align-items: center;
    background: #F5F5F5;
    display: flex;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    justify-content: center;
    line-height: 1.45;
}

a:link,
a:visited {
    color: inherit;
}

hr {
    border: none;
    margin: 1em 0;
}

footer {
    bottom: 0;
    position: absolute;
    right: .2em;
}

@media (min-width: 40em) {
    body {
	align-items: center;
	background-color: #9E9E9E;
	color: white;
    }

    main {
	box-shadow: 1em 1em 0 rgba(0,0,0,.3);
    }

    hr {
	border-top: 1px solid #212121;
    }
}

main {
    background: #F5F5F5;
    color: #212121;
    max-width: 30em;
    padding: 1em;
}