body{
    background-color: #AADDAA;
   }
   #main{
    text-align: center;
   }
   .box{
    margin-left: 15%;
    margin-right: 15%;
    border: 3px groove gray;
    background-color: #99CC99;
   }

   #domeInfo{
    width: 600px;
    margin-left: 20px;
    max-width: calc(100% - 21px);
   }

   #urlIn{
    padding: 4px;
   }
   #genLink{
    padding: 3px;
    margin-top: 5px;
   }

   #more{
    position: absolute;
    top: 85px;
    right: 250px;
    background-color: #556655;
    border-radius: 6px;
    padding: 5px;
    font-family: sans-serif;
    font-variant: small-caps;
   }
   #more a{
    color: #09d9a7;
    text-decoration: none;
   }
 #more a:hover{
    color: #39E9C7;
    text-decoration: underline;
   }

   @media screen and (max-width: 720px) {
    .box{
     margin-left: 8%;
     margin-right: 8%;
    }
    #domeInfo{
     max-width: 100%;
     margin-left: 5px;
    }
    #fibbinary{
     margin-left: 3% !important;
     margin-right: 3% !important;
    }
   }

/*-------APPLEBEECH------*/

#applebeech-transcriber{
 min-height: 350px;
 height: 80vh;
 padding: 5px;
 position: relative;
}

#apple{
 font-family: applebeech;
 margin-top: 10px;
 font-size: 150%;
}

#ab-options{
 float: left;
 border: 1px solid #660000;
 width: 200px;
 margin-right: 5px;
 padding: 5px;
}

#ab-main{
 position: absolute;
 margin-left: 217px;
 top: 5px;
 bottom: 5px;
}

#ab-out{
 border: 1px solid #A9A9A9;
 padding: 5px;
 background-color: #DEDEDE;
 
}

.horiz{
 min-height: 6em;
}
.vert{
 min-height: 6em;
 //width: 200px;
 //transform: rotate(90deg);
 writing-mode: vertical-lr;
 -webkit-writing-mode: vertical-lr;
 max-height: calc(80vh - 100px);
}

#ab-whut{
 //text-decoration: none;
 border: 1px solid gray;
 background-color: #587259;
 color: #DDDDDD;
 position: absolute;
 top: 6px;
 right: 6px;
 height: 1.2em;
 cursor: pointer;
 z-index: 2;
 transition: all 0.4s;
}

#ab-dsh{
 border: 1px solid #660000;
 height: 0px;
 width: 0px;
 top: 6px;
 right: 6px;
 background-color: #FFDDAA;
 position: absolute;
 overflow: hidden;
 z-index: 1;
 padding: 3px;
}

#ab-deets{
 width: 510px;
 height: 20em;
}