body, div, a {
    padding:0px;
    margin:0px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    touch-action: pinch-zoom;
}

.card {
    position: fixed;
    background-color: #846899;
    width: 126px;
    height: 176px;
    border: 3px black solid;
    border-radius: 10px;
    color: black;
}

#cardviewer {
    position: fixed;
    background-color: #000000;
    top: 85px;
    left: 10px;
    width: 256px;
    height: 422px;
    border: 1px silver solid;
    border-radius: 10px;
    color: black;
    z-index: 99;
}

#rarity {
    position: fixed;
    background-color: #000000;
    top: 89px;
    left: 16px;
    width: 246px;
    height: 34px;
    color: white;
    font-size: 24px;
    text-align: center;    
    z-index: 99;
}

#set {
    position: fixed;
    background-color: #000000;
    top: 472px;
    left: 16px;
    width: 246px;
    height: 34px;
    color: white;
    font-size: 12px;
    text-align: center;    
    z-index: 99;
}

#view {
    position: fixed;
    background-color: #000000;
    top: 119px;
    left: 13px;
    width: 252px;
    height: 352px;
    z-index: 99;
}

#cardviewer_large {
    position: fixed;
    background-color: #000000;
    top: 535px;
    left: 10px;
    width: 512px;
    height: 844px;
    border: 1px silver solid;
    border-radius: 10px;
    color: black;
}

#rarity_large {
    position: fixed;
    background-color: #000000;
    top: 543px;
    left: 16px;
    width: 492px;
    height: 68px;
    color: white;
    font-size: 48px;
    text-align: center;    
}

#set_large {
    position: fixed;
    background-color: #000000;
    top: 1309px;
    left: 16px;
    width: 492px;
    height: 68px;
    color: white;
    font-size: 48px;
    text-align: center;    
}

#view_large {
    position: fixed;
    background-color: #000000;
    top: 593px;
    left: 13px;
    width: 504px;
    height: 704px;
}

#deckcount {
    position: fixed;
    font-size: 32px;
    font-weight: bold;
    text-align: right;
    width: 60px;
    height: 32px;
    top: 94px;
    left: 655px;
}

#deckcheck {
    position: fixed;
    font-size: 16px;
    text-align: right;
    width: 320px;
    height: 20px;
    top: 102px;
    left: 325px;
}

#searchbutton {
    position: fixed;
    background-image: url("/images/search-icon.png");
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    top: 28px;
    left: 660px;
}

#assertionbutton {
    position: fixed;
    background-image: url("/images/nav-icon-go.png");
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    top: 28px;
    left: 600px;
}

#jumprightbutton {
    position: fixed;
    background-image: url("/images/nav-icon-jumpright.png");
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    top: 28px;
    left: 540px;
}

#navrightbutton {
    position: fixed;
    background-image: url("/images/nav-icon-right.png");
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    top: 28px;
    left: 480px;
}

#navleftbutton {
    position: fixed;
    background-image: url("/images/nav-icon-left.png");
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    top: 28px;
    left: 420px;
}

#jumpleftbutton {
    position: fixed;
    background-image: url("/images/nav-icon-jumpleft.png");
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    top: 28px;
    left: 360px;
}

#navupbutton {
    position: fixed;
    background-image: url("/images/nav-icon-up.png");
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    top: 28px;
    left: 300px;
}

#printbutton {
    position: fixed;
    background-image: url("/images/print-button.png");
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    top: 28px;
    left: 240px;
}

#savebutton {
    position: fixed;
    background-image: url("/images/save-button.png");
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    top: 28px;
    left: 180px;
}

#heartbutton {
    position: fixed;
    background-image: url("/images/heart-button.png");
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    top: 28px;
    left: 120px;
}

#hiddeninput {
    display:none;
    position: fixed;
    width: 60px;
    height: 60px;
    top: 28px;
    left: 120px;
}

#search {
    position: fixed;
    background-color: #6dacec;
    top: 145px;
    left: 10px;
    width: 701px;
    height: 176px;
    border: 3px black solid;
    border-radius: 10px;
    color: black;
    z-index: 99;    
}

#heading1 {
    position: fixed;
    top: 145px;
    left: 20px;
    width: 140px;    
    height: 20px;
    text-align: center;
    margin-top: 5px;
}

#filter_grp1 {
    position: fixed;
    top: 165px;
    left: 20px;
    width: 140px;    
    height: 146px;
    column-count:1;
}

#divider1{
    position: fixed;
    top: 175px;
    left: 168px;
    width: 0px;    
    height: 120px;    
    border: 1px black solid;
}

#heading2 {
    position: fixed;
    top: 145px;
    left: 198px;
    width: 210px;    
    height: 20px;
    text-align: center;
    margin-top: 5px;
}

#filter_grp2 {
    position: fixed;
    top: 165px;
    left: 198px;
    width: 210px;    
    height: 146px;
    column-count:1;
}

#divider2{
    position: fixed;
    top: 175px;
    left: 435px;
    width: 0px;    
    height: 120px;    
    border: 1px black solid;
}

#heading3 {
    position: fixed;
    top: 145px;
    left: 445px;
    width: 260px;    
    height: 20px;
    text-align: center;
    margin-top: 5px;
}

#filter_grp3 {
    position: fixed;
    top: 165px;
    left: 445px;
    width: 260px;    
    height: 146px;
    column-count:2;
}