@font-face {font-family:honeyBold; src:url(../fonts/honey_bold.ttf)}
@font-face {font-family:honeyLight; src:url(../fonts/honey_light.ttf)}
@font-face {font-family:honeyLight; font-weight:bold;src:url(../fonts/honey_bold.ttf)}
@font-face {font-family:Verdana; src:url(../fonts/verdana.ttf)}
@font-face {font-family:Verdana; font-weight:bold;src:url(../fonts/verdanab.ttf)}
@font-face {font-family:VerdanaBold; font-weight:bold;src:url(../fonts/verdanab.ttf)}

dt {float:left;font-weight:bold}
dd {padding-left:1em;padding-bottom:10px;margin-left:60px}
input:focus {outline:0}
body {overflow:hidden;-ms-scroll-limit:0 0 0 0}

.centered {position: fixed; top: 54%; left: 50%; transform: translate(-50%, -50%)}
.list {font-family:honeyLight;color:black;font-size:25pt;height:45px;cursor:pointer;text-overflow:ellipsis;display:block;white-space:nowrap;overflow:hidden}
.title {font-family:honeyBold;color:black;font-size:45pt;position:absolute;top:50px;left:420px;z-index:1;cursor:default}
.recipe {font-family:honeyLight;color:black;font-size:30pt;position:absolute;z-index:1;line-height:95%;top:160px;left:420px;width:400px;cursor:default}
.method {font-family:honeyLight;color:black;font-size:30pt;position:absolute;z-index:1;line-height:95%;top:550px;left:420px;width:400px;cursor:default}
.stars {font-family:honeyBold;color:black;position:absolute;z-index:1;right:100px;text-align:right;top:50px;font-size:80pt;cursor:default}
.stars a {text-decoration:none;color:black;cursor:pointer}
.glass {position:absolute;top:510px;left:860px;width:150px;height:220px;z-index:1;text-align:center;display:flex;justify-content:center;align-items:flex-end}
.glass2 {position:absolute;top:740px;width:150px;left:860px;z-index:1;font-family:Verdana;font-size:8pt;text-align:center;font-weight:bold}
.alcohol {position:absolute;top:660px;left:1060px}
.alcohol2 {width:129px;position:absolute;top:740px;left:1011px;font-family:Verdana;font-size:8pt;text-align:center;font-weight:bold}
.photo {position:absolute;top:160px;right:115px;padding:10px;z-index:1;border:1px solid black;border-radius:2px;background-color:white;box-shadow:2px 2px 3px #888888}
.tape {position:absolute;z-index:1}
.tinytext {font-family:Verdana;font-size:8pt;position:absolute;top:110px;right:100px;text-align:right;font-weight:bold;cursor:default}
.intro {font-family:honeyBold;color:black;position:absolute;z-index:1;font-size:100pt;top:150px;left:550px;text-align:center}
.tab {position:relative;top:-49px;font-family:honeyBold;color:black;font-size:30pt;cursor:pointer}
.search {position:absolute;padding-top:5px;padding-bottom:5px;font-size:70;text-align:center;cursor:pointer;border:2px solid;cursor:pointer}
.bar {width:80px;padding-bottom:5px;padding-top:15px;text-align:center;vertical-align:bottom;border-bottom:1px solid black;cursor:default}
.subtitle {width:80px;max-width:80px;word-wrap:normal;font-family:Verdana;font-size:6pt;font-weight:bold;text-align:center;vertical-align:top;padding-top:5px}
.login {font-family:HoneyLight;border:none;border-bottom:1px dashed black;font-size:35pt;width:150px;height:50px;padding-top:0px}
.outline {color:white;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}
.chooseglass {z-index:10;background:white;width:400px;height:240px;border:2px solid black;border-radius:10px;padding-bottom:3px;position:absolute;top:510px;left:735px;overflow-x:auto;overflow-y:hidden}
.tooltip {position: relative;display: inline-block;border-bottom: 1px dotted black}
.tooltip .tooltiptext {visibility:hidden;width:560px;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 15px;position: absolute;z-index: 9;bottom: 150%;left: 50%;margin-left: -280px;font-family:Verdana;font-size:12pt}
.tooltip .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px;border-width: 15px;border-style: solid;border-color: black transparent transparent transparent}
.tooltip:hover .tooltiptext {visibility: visible}

#input {border:none;border-bottom:1px dashed black;font-size:30pt;top:602px;left:795px;width:315px;height:50px;padding-top:0px}
#num {width:140px;text-align:right;position:absolute;top:115px;left:150px;font-family:honeyLight;font-size:25pt}
#alphabet {height:500px;width:10px;text-align:center;position:absolute;top:240px;left:335px;font-family:Verdana;font-size:8pt;font-weight:bold;line-height:18px}
#listtable {overflow-y:auto;overflow-x:hidden;height:495px;position:absolute;top:235px;left:68px;width:255px}
#main {position:fixed}
#mainsearch {background-color:#f9f9f9;border-radius:11px;border:1px solid black;font-family:Verdana;font-size:11pt;font-weight:bold;box-sizing:border-box;padding:0;padding-left:25px;padding-right:25px;text-transform:uppercase;width:199px;height:22px}

::-webkit-scrollbar {width: 12px}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius: 10px;border-radius: 10px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: rgba(253,215,134,0.8);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(253,215,134,0.4);}