html {
        background: url('Outside.png');
      background-repeat: no-repeat;
      background-attachment: fixed;  
      background-size: cover;
      color: black;
      font-family: "brixton";
      font-size: 19px;
       cursor: url('FeatherCursor4.png') 0 0, auto;
    }
    
     a,
a:hover,
a:active,
a:visited {
  cursor: url("FeatherCursorTilt1.png") 16 16, default;
}
      
     button,
button:hover,
button:active,
input[type="button"],
input[type="button"]:hover,
input[type="submit"],
input[type="submit"]:hover {
  cursor: url("FeatherCursorTilt1.png") 16 16, default; }
  
    button, style, png, p, h1, h4, span, input, label[type="text"], textarea {
  cursor: url("FeatherCursorTilt1.png") 0 0, text;
}
    
    .FirstBox {
      background-color: #672ba7;
      color: white;
      width: 80% ;              /* full width */
      margin: 80px 100px 0 auto; /* centers it horizontally */
      box-shadow: 0 4px 15px rgba(0,0,0,0.5); /* shadow for depth */
     padding: 50px 50px 50px 50px; 
          text-align: center;
              vertical-align: middle;
            
              
               }
   
 
        #yellow{
             color: yellow
                  }
      
button {
      padding: 10px 20px;
      font-size: 16px;
      margin: 10px;
}