@font-face {
  font-family: CaviarDreams;
  src: url(CaviarDreams.ttf);
  font-weight: normal; }
@font-face {
  font-family: CaviarDreams;
  src: url(CaviarDreams_Bold.ttf);
  font-weight: bold; }
@font-face {
  font-family: CaviarDreams;
  src: url(CaviarDreams_Italic.ttf);
  font-weight: italic; }
@font-face {
  font-family: 'Telefon Web';
  src: url("../fonts/telefon_web_normal.eot");
  src: url("../fonts/telefon_web_normal.eot?#iefix") format("embedded-opentype"), url("../fonts/telefon_web_normal.woff") format("woff"), url("../fonts/telefon_web_normal.ttf") format("truetype"), url("../fonts/telefon_web_normal.svg#telefon_webregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* =========================================
Filter Vignette
========================================= */
/* line 64, ../sass/iamyourweb.scss */
body {
  margin: 0px;
  padding: 0px;
  font-family: Telefon Web, serif;
  font-style: normal;
  font-weight: normal;
  width: 100%;
  box-sizing: border-box; }

/* line 77, ../sass/iamyourweb.scss */
.app {
  background-color: white; }

/* line 85, ../sass/iamyourweb.scss */
#main {
  padding: 0px;
  overflow: hidden;
  box-sizing: border-box;
  background-color: white; }

/* line 94, ../sass/iamyourweb.scss */
#video {
  width: 100%; }

/* line 100, ../sass/iamyourweb.scss */
#about {
  width: 100%;
  background-color: red;
  color: white;
  padding: 50px;
  box-sizing: border-box;
  font-weight: 100; }
  /* line 107, ../sass/iamyourweb.scss */
  #about strong {
    font-weight: bold; }

/* line 113, ../sass/iamyourweb.scss */
.logo {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  background-color: white;
  padding: 30px; }
  /* line 120, ../sass/iamyourweb.scss */
  .logo img {
    width: 320px;
    margin-left: auto;
    margin-right: auto; }

/* line 127, ../sass/iamyourweb.scss */
video {
  width: 100%;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  transition-property: opacity, left, top, width;
  transition-duration: 1s;
  z-index: 100; }

/* line 140, ../sass/iamyourweb.scss */
#v2 img {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1000;
  transition-property: opacity, left, top, width;
  transition-duration: 1s; }

/* line 151, ../sass/iamyourweb.scss */
h2 {
  border-bottom: 1px solid white; }

/* line 155, ../sass/iamyourweb.scss */
.mediaContainer {
  position: relative;
  width: 100%;
  padding: 28%;
  box-sizing: border-box;
  overflow: hidden;
  display: none; }

/* line 165, ../sass/iamyourweb.scss */
.show {
  position: absolute;
  top: 0% !important;
  left: 0% !important;
  width: 100% !important;
  opacity: 1 !important; }

/* line 174, ../sass/iamyourweb.scss */
.hideMenu {
  position: absolute;
  top: -100% !important;
  left: 0% !important;
  width: 100% !important;
  opacity: 1 !important; }

/* line 183, ../sass/iamyourweb.scss */
#splash {
  text-align: center;
  background-color: red;
  color: white;
  height: 100vh;
  min-height: 600px;
  font-size: 100px;
  width: 100%;
  text-transform: uppercase;
  display: table; }
  @media only screen and (max-width: 5000px) and (min-width: 1301px) {
    /* line 183, ../sass/iamyourweb.scss */
    #splash {
      font-size: 160px;
      line-height: 180px; } }
  @media only screen and (max-width: 1300px) {
    /* line 183, ../sass/iamyourweb.scss */
    #splash {
      font-size: 100px; } }
  /* line 204, ../sass/iamyourweb.scss */
  #splash div {
    padding: 0px 20%;
    display: table-cell;
    vertical-align: middle; }
    @media only screen and (max-width: 1300px) {
      /* line 204, ../sass/iamyourweb.scss */
      #splash div {
        padding: 0px 10px; } }

@media only screen and (max-width: 5000px) and (min-width: 1301px) {
  /* line 215, ../sass/iamyourweb.scss */
  #poems {
    background-color: white;
    padding: 114px 50px;
    margin: 0px;
    box-sizing: border-box;
    list-style: none;
    width: 100%; }
    /* line 224, ../sass/iamyourweb.scss */
    #poems li {
      position: relative;
      padding: 0px;
      margin-bottom: 20px;
      background: transparent;
      background: url(../media/redstroke.png);
      -webkit-transition: background 0.3s;
      -moz-transition: background 0.3s;
      -ms-transition: background 0.3s;
      -o-transition: background 0.3s;
      transition: background 0.3s;
      background-repeat: repeat-x;
      background-position: 0px -6px;
      width: 100%;
      text-align: center;
      display: inline-table; }
      /* line 231, ../sass/iamyourweb.scss */
      #poems li.selected {
        background: transparent;
        background: url(../media/whitestroke30.png);
        -webkit-transition: background 0.3s;
        -moz-transition: background 0.3s;
        -ms-transition: background 0.3s;
        -o-transition: background 0.3s;
        transition: background 0.3s;
        background-repeat: repeat-x;
        background-position: 0px -6px; }
      /* line 243, ../sass/iamyourweb.scss */
      #poems li a {
        padding: 5px;
        text-decoration: none;
        font-size: 36px;
        line-height: 60px;
        height: 40px;
        width: 100%;
        display: inline-table;
        color: red;
        -webkit-transition: background-color 0.3s, color 0.3s;
        -moz-transition: background-color 0.3s, color 0.3s;
        -ms-transition: background-color 0.3s, color 0.3s;
        -o-transition: background-color 0.3s, color 0.3s;
        transition: background-color 0.3s, color 0.3s; }
        /* line 253, ../sass/iamyourweb.scss */
        #poems li a span {
          background-color: white;
          position: absolute;
          -webkit-transition: background-color 0.3s, color 0.3s;
          -moz-transition: background-color 0.3s, color 0.3s;
          -ms-transition: background-color 0.3s, color 0.3s;
          -o-transition: background-color 0.3s, color 0.3s;
          transition: background-color 0.3s, color 0.3s;
          padding-right: 20px;
          padding-left: 20px; }
          /* line 259, ../sass/iamyourweb.scss */
          #poems li a span:first-of-type {
            left: 0px;
            font-style: italic; }
          /* line 263, ../sass/iamyourweb.scss */
          #poems li a span:last-of-type {
            right: 0px; }
        /* line 267, ../sass/iamyourweb.scss */
        #poems li a .number {
          display: inline-block;
          position: relative;
          padding-left: 20px;
          padding-right: 20px; }
          /* line 272, ../sass/iamyourweb.scss */
          #poems li a .number div {
            display: inline-block;
            width: 60px;
            height: 60px;
            border-radius: 60px;
            position: relative;
            top: 0px;
            color: white;
            background-color: red;
            -webkit-transition: background-color 0.3s, color 0.3s;
            -moz-transition: background-color 0.3s, color 0.3s;
            -ms-transition: background-color 0.3s, color 0.3s;
            -o-transition: background-color 0.3s, color 0.3s;
            transition: background-color 0.3s, color 0.3s; }

  /* line 287, ../sass/iamyourweb.scss */
  #poems li.selected a {
    -webkit-transition: background-color 0.3s, color 0.3s;
    -moz-transition: background-color 0.3s, color 0.3s;
    -ms-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s; }
    /* line 289, ../sass/iamyourweb.scss */
    #poems li.selected a span {
      background-color: red;
      color: white;
      -webkit-transition: background-color 0.3s, color 0.3s;
      -moz-transition: background-color 0.3s, color 0.3s;
      -ms-transition: background-color 0.3s, color 0.3s;
      -o-transition: background-color 0.3s, color 0.3s;
      transition: background-color 0.3s, color 0.3s; }
    /* line 294, ../sass/iamyourweb.scss */
    #poems li.selected a .number {
      display: inline-block;
      position: relative;
      padding-left: 20px;
      padding-right: 20px; }
      /* line 299, ../sass/iamyourweb.scss */
      #poems li.selected a .number div {
        color: red;
        background-color: white;
        -webkit-transition: background-color 0.3s, color 0.3s;
        -moz-transition: background-color 0.3s, color 0.3s;
        -ms-transition: background-color 0.3s, color 0.3s;
        -o-transition: background-color 0.3s, color 0.3s;
        transition: background-color 0.3s, color 0.3s; } }
@media only screen and (max-width: 1300px) {
  /* line 309, ../sass/iamyourweb.scss */
  #poems {
    padding: 40px 20px;
    margin: 0px;
    box-sizing: border-box;
    list-style: none;
    width: 100%; }
    /* line 317, ../sass/iamyourweb.scss */
    #poems li {
      padding: 0px;
      padding-left: 50px;
      margin-bottom: 0px;
      background: transparent;
      -webkit-transition: background 0.3s;
      -moz-transition: background 0.3s;
      -ms-transition: background 0.3s;
      -o-transition: background 0.3s;
      transition: background 0.3s;
      width: 100%;
      text-align: left;
      display: block; }
      /* line 323, ../sass/iamyourweb.scss */
      #poems li.selected {
        background: transparent;
        -webkit-transition: background 0.3s;
        -moz-transition: background 0.3s;
        -ms-transition: background 0.3s;
        -o-transition: background 0.3s;
        transition: background 0.3s;
        background-repeat: repeat-x;
        background-position: 0px -6px; }
      /* line 332, ../sass/iamyourweb.scss */
      #poems li a {
        padding: 5px;
        text-decoration: none;
        font-size: 40px;
        color: red;
        -webkit-transition: background-color 0.3s, color 0.3s;
        -moz-transition: background-color 0.3s, color 0.3s;
        -ms-transition: background-color 0.3s, color 0.3s;
        -o-transition: background-color 0.3s, color 0.3s;
        transition: background-color 0.3s, color 0.3s; }
        /* line 338, ../sass/iamyourweb.scss */
        #poems li a span {
          -webkit-transition: background-color 0.3s, color 0.3s;
          -moz-transition: background-color 0.3s, color 0.3s;
          -ms-transition: background-color 0.3s, color 0.3s;
          -o-transition: background-color 0.3s, color 0.3s;
          transition: background-color 0.3s, color 0.3s;
          padding-right: 20px;
          padding-left: 20px; }
          /* line 342, ../sass/iamyourweb.scss */
          #poems li a span:first-of-type {
            font-style: italic; }
          /* line 345, ../sass/iamyourweb.scss */
          #poems li a span:last-of-type {
            clear: left;
            display: block;
            margin-left: 10px; }
        /* line 351, ../sass/iamyourweb.scss */
        #poems li a .number {
          display: inline-block;
          position: absolute;
          left: 10px;
          padding-left: 20px;
          padding-right: 20px; }
          /* line 357, ../sass/iamyourweb.scss */
          #poems li a .number div {
            display: inline-block;
            width: 40px;
            height: 40px;
            border-radius: 34px;
            position: relative;
            top: 0px;
            text-align: center;
            color: white;
            background-color: red;
            -webkit-transition: background-color 0.3s, color 0.3s;
            -moz-transition: background-color 0.3s, color 0.3s;
            -ms-transition: background-color 0.3s, color 0.3s;
            -o-transition: background-color 0.3s, color 0.3s;
            transition: background-color 0.3s, color 0.3s; } }