html {
  cursor: crosshair;
}

body {
  width: 100%;
  height: 100%;
  margin-top: 20%;
  padding: 0;
  border: 0
}

.main {
  margin-top: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section {
  width: 50%;
  height: 100%;
}

.shell {
  font-size: medium
}

p {
   margin-right: 20%;
   font-family: Helvetica Neue, Helvetica, Arial Narrow, "Lucida Grande", sans-serif; 
    font-weight: lighter;
    font-size: xx-large;
    text-align: left;
    }
    
    .open {
      font-family: Helvetica Neue, Helvetica, Arial Narrow, "Lucida Grande", sans-serif; 
    font-weight: lighter;
    letter-spacing: .6em;
    margin: 10% 10% 10%;
    }
    
    .cloud {
      cursor: cell;
      animation: fadeIn 30s;
      -webkit-animation: fadeIn 30s;
      -moz-animation: fadeIn 30s;
      -o-animation: fadeIn 30s;
      -ms-animation: fadeIn 30s;
    }
    
    @keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }
    
    @-moz-keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }
    
    @-webkit-keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }
    
    @-o-keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }
    
    @-ms-keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }
    
.enter {
        animation: blinker 2s linear 1;
        animation-delay: -1s;
      }
      @keyframes blinker {
        50% {
          opacity: 0;
        }
      }

        
  a:link { color: #000000; text-decoration: none; }
  a:visited { color: #000000; text-decoration: none; }
  a:hover { color: #000000; font-style: italic; cursor: cell; }
  a:active { color: #000000; font-style: italic; cursor: cell; }
  a:focus {color: #000000; text-decoration: none;}