/**
 * Include this file early in your Sass project to
 * get access to Solarized colors and functions.
 *
 * Adapted from the outstanding work by Ethan Schoonover:
 * http://ethanschoonover.com/solarized
*/
.marg-10-top {
  margin-top: 10%; }

.infra-svg-0 {
  padding: 0.5em; }

.head-blocks {
  display: flex;
  flex-direction: column; }

.infra-block {
  order: 2; }

.name-block {
  order: 1;
  float: left; }

.name {
  font-size: 16vw; }

.typed-p {
  min-height: 28.5vw; }

.typed, .typed-cursor {
  font-size: 6vw; }

a {
  color: #268bd2;
  text-decoration: none; }

.contact svg {
  fill: #657b83;
  height: 24px;
  width: 24px; }

.contact div {
  display: flex;
  height: 30px;
  align-items: center; }

.contact span {
  margin: 5px;
  display: inline-block; }

.marginb {
  margin-bottom: 10px; }

@media (min-width: 420px) {
  .head-blocks {
    display: flex;
    flex-direction: row; }
  .infra-block {
    order: 1; }
  .name-block {
    order: 2;
    float: right; }
  .name {
    font-size: 6.3vw; }
  .typed-p {
    min-height: 7.5vw; }
  .typed, .typed-cursor {
    font-size: 2.5vw; } }