@charset "UTF-8";
/**
 * @license
 * MyFonts Webfont Build ID 3949711, 2020-09-19T09:49:52-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: ProximaSoft-Black by Mark Simonson
 * URL: https://www.myfonts.com/fonts/marksimonson/proxima-soft/black/
 * Copyright: Copyright (c) Mark Simonson, 2016. All rights reserved.
 * 
 * 
 * 
 * © 2020 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("https://hello.myfonts.net/count/3c448f");
@font-face {
  font-family: "Lifted Sans";
  src: url("./assets/Lifted-Sans.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ProximaSoft-Black";
  src: url("./assets/ProximaSoft-Black/font.woff2") format("woff2"), url("./assets/ProximaSoft-Black/font.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Courier", courier, monospace;
  font-weight: 400;
  padding: 0;
  margin: 0;
}
body p {
  font-size: calc((18 / 1440) * 100vw);
  line-height: calc((32 / 1440) * 100vw);
  margin-bottom: calc((32 / 1440) * 100vw);
}
body p:last-child {
  margin-bottom: 0;
}

h1 {
  font-family: "Lifted Sans", sans-serif;
  font-weight: normal;
  font-size: calc((48 / 1440) * 100vw);
  line-height: calc((68 / 1440) * 100vw);
  letter-spacing: 0.2px;
  margin-bottom: calc((80 / 1440) * 100vw);
  margin-top: 0;
}
h1 a span.underline {
  height: 4px;
  bottom: -6px;
  border-radius: 10px;
}

a {
  white-space: nowrap;
  position: relative;
  text-decoration: none;
  color: black;
}
a:visited {
  color: black;
}
a span.underline {
  position: absolute;
  height: 2px;
  background: black;
  left: 0;
  right: 0;
  bottom: -3px;
  border-radius: 10px;
}

.body-content-wrapper {
  display: flex;
  align-items: center;
  min-height: 100vh;
  max-height: 100vh;
}

.body-content {
  margin-right: 216px;
  margin-left: 380px;
}
.body-content .paragraphs {
  padding-right: 40px;
}

.copyright {
  position: absolute;
  bottom: 40px;
  left: 40px;
  font-size: 16px;
  margin: 0 0;
  line-height: 16px;
  font-family: "ProximaSoft-Black";
}
.copyright span {
  margin-right: 3px;
}
.copyright span:last-child {
  margin-right: 0;
}

@keyframes float1 {
  0% {
    transform: translateY(2);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(12px);
  }
}
@keyframes float2 {
  0% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(12px);
  }
}
.initial {
  position: absolute;
  font-size: 100px;
  margin: 0;
  padding: 0;
  font-family: "ProximaSoft-Black";
}
.initial.p {
  top: 65px;
  left: 50px;
  animation: float1 5s ease-in-out infinite alternate;
}
.initial.p span {
  display: block;
  transform: rotate(-3deg);
}
.initial.s {
  top: 125px;
  left: 105px;
  animation: float2 5s ease-in-out infinite alternate;
}
.initial.s span {
  display: block;
  transform: rotate(5deg);
}

.cursor {
  position: absolute;
  display: block;
  background: #F23702;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  bottom: 80px;
  right: 100px;
  z-index: -1;
}

/*# sourceMappingURL=styles.css.map */