/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/4ce9ff");
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/4ce9fe");

@font-face {
  font-family: "Code-Pro-Light";
  src: url('fonts/CodeProLight/font.woff2') format('woff2'), url('webFonts/CodeProLight/font.woff') format('woff');
}

@font-face {
  font-family: "Aestetico-Bold";
  src: url('fonts/AesteticoBold/font.woff2') format('woff2'), url('fonts/AesteticoBold/font.woff') format('woff');
}
@font-face {
  font-family: "Aestetico-Regular";
  src: url('fonts/AesteticoRegular/font.woff2') format('woff2'), url('fonts/AesteticoRegular/font.woff') format('woff');
}
@font-face {
  font-family: "Aestetico-Light";
  src: url('fonts/AesteticoLight/font.woff2') format('woff2'), url('fonts/AesteticoLight/font.woff') format('woff');
}


body {
  font-family: "Aestetico-Regular", sans-serif ;
  background: #f0f0f0;
}

.bold {
  font-family: "Aestetico-Bold", sans-serif;
}

.light {
  font-family: "Aestetico-Light", sans-serif;
}

h1 {
  font-family: "Code-Pro-Light", monospace;
  font-size: 3.0rem;
  margin: 30px 0 0 0;
}

div.logo {
  max-width: 165px;
  margin: 45px auto;
}

div.startWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100vh;
  position: relative;
}

.fa-light, .fa-brands {
  font-size: 2.2rem;
}

.fa-light {
  margin-bottom: 3px;
}

div.socialWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

div.icon {
  margin: 15px;
}

a {
  color: black;
}
i {
  transition: .13s ease all;
}

a:hover i {
  transform: scale(1.3);
}

nav {
  width: 90%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 15px;
  margin: 0 auto;
}

ul {
  padding: 0;
  list-style: none;
}

li {
  display: inline-block;
  margin: 0 13px;
}

div.contact {
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.3);
  padding: 25px;
  border-radius: 8px;
}

p {
  margin: 2px;
}