h1 {text-align: left;
            text-indent:12px;
            font-family: impact;
            font-size:75px;
        }
        h2 {text-align: left;
            font-family: helvetica;
            font-style: bold;
            text-indent:10px;
            font-size:38px;
        }
        h3 {text-align: left;
            line-height: 0.7;
            font-family: helvetica;
            text-indent:10px;
            font-size:22px;
        }
        h4 {text-align: left;
            color: black;
            font-family: helvetica;
            text-indent:10px;
            font-size:17px;
            opacity:0.3;

        }
        h5 {text-align: left;
            text-indent:12px;
            font-family: impact;
            font-size:55px;
            margin-top: 30px;
            margin-bottom: 10px;
        }
        h6 {text-align: center;
            font-family: helvetica;
            font-style: bold;
            text-indent:10px;
            font-size:38px;
            
        }
        #paragraph {
            font-family:georgia;
            font-size:23px;
            line-height: 1.6;
            margin-top: 30px;
            margin-bottom: 30px;
            margin: 45px 325px;

            }
            .button {
            display: inline-block;
            padding: 15px 25px;
            font-size: 24px;
            cursor: pointer;
            text-align: center;
            text-decoration: none;
            outline: none;
            color: #fff;
            background-color: #060918;
            border: none;
            border-radius: 15px;
            box-shadow: 0px #999;
           }

           .button:hover {background-color: #18103e}

           .button:active {
            background-color: #332961;
            box-shadow: 0px #666;
            transform: translateY(4px);
           }
           .navbar-right {
           float: right;
            }
            
    #box
    {
    line-height: 50px;
    text-align: center;
    position: absolute;
    right: 0px;
    font-family:georgia;
    border: dashed #060918;  
    border-radius: 2em;
    top: 10px;
    width: 250px;
    height: 50px;
    background-color:transparent;
}
@media only screen and (max-width:500px) {
#paragraph {
    margin: 30px 30px;
  }
}
   p::first-letter {
  font-size: 200%;
  line-height: .75;
}

@keyframes type{ 
  from { width: 0; } 
}

.rotate1{
   transform: rotate(25deg);
}

.rotate2{
   transform: rotate(-25deg);
}