html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
*,*:before,*:after{box-sizing:inherit}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
img{border-style:none}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
html,body{font-family:Verdana,sans-serif;line-height:1.4}
html{box-sizing:border-box;overflow-x:hidden;height:100%}
body{margin:0;min-height:100%;margin-left:auto;margin-right:auto}
h1,h3{font-family:"Segoe UI",Arial,sans-serif;font-weight:400}
img{vertical-align:middle}
a{color:inherit;font-weight:bold}
textarea{display:block;width:100%}

.w3-container:after,.w3-container:before{content:"";display:table;clear:both}
.w3-theme-light {color:#000 !important; background-color:#f2f9fe !important}
.w3-theme {color:#fff !important; background-color:#2196f3 !important}
.w3-text-theme {color:#2196f3 !important}

.wb-name{color:black;font-size:130%}
.wb-owner{color:blue}
.wb-question{font-weight:bold}
.wb-answer{color:black;text-indent:0}
.wb-link{white-space:nowrap}
.wb-home-div{position:fixed;z-index:1;top:5.2vw;left:91vw}
.wb-home{width:4vmin;height:4vmin}


html,body{font-size:3vh}
h1{font-size:7vh;margin:1vh 0}
h3{font-size:5vh;margin:1vh 0}
hr{border:0;border-top:0.15vh solid #eee;margin:3vh 0}
body{max-width:77vh}

.w3-container{padding:0 3vh}
.w3-card{box-shadow:0 0.4vh 1vh 0 rgba(0,0,0,0.16),0 0.4vh 2vh 0 rgba(0,0,0,0.12)}
.w3-padding{padding:1.2vh 4vh!important}
.w3-padding-24{padding-top:5vh!important;padding-bottom:5vh!important}

.wb-isbn{color:crimson;font-size:80%;text-align:left;padding-bottom:1.5vh}
.wb-comment{font-style: italic;color:darkgray;padding-top:1.5vh;padding-bottom:1.5vh}
.wb-icon-div{padding:4vh 3vh 0vh 2vh;float:right;text-align:center}
.wb-icon{width:22vh;height:22vh}


@media screen and (orientation: portrait) and (max-width: 750px) {

html,body{font-size:4.2vmin}
h1{font-size:10vmin;margin:1.7vmin 0}
h3{font-size:6.6vmin;margin:2.8vmin 0}
hr{border:0;border-top:0.25vmin solid #eee;margin:5.5vmin 0}
body{max-width:100vmin}

.w3-container{padding:0 4.4vmin}
.w3-card{box-shadow:0 0.55vmin 1.4vmin 0 rgba(0,0,0,0.16),0 0.55vmin 2.8vmin 0 rgba(0,0,0,0.12)}
.w3-padding{padding:2.2vmin 6vmin!important}
.w3-padding-24{padding-top:6.6vmin!important;padding-bottom:6.6vmin!important}

.wb-isbn{color:crimson;font-size:80%;text-align:left;padding-bottom:2.2vmin}
.wb-comment{font-style: italic;color:darkgray;padding-top:2.2vmin;padding-bottom:2.2vmin}
.wb-icon-div{padding:5.5vmin 2.8vmin 1.4vmin 1.4vmin;float:right;text-align:center}
.wb-icon{width:26.7vmin;height:26.7vmin}

}