html,body{color:#fff;background-color:#0e0e0e;width:100%;height:100%;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}#main{flex-direction:column;justify-content:space-between;height:100%;display:flex}#dogview{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;max-height:80vh;display:flex}#dogview img{border:1px solid #e9e9e9;border-radius:5px;max-width:50%;max-height:50%;display:block;transform:scale(1.8);box-shadow:0 0 5px 1px rgba(216,216,216,.5)}#title{text-align:center;border-bottom:1px solid #a8a8a8;flex-direction:row;justify-content:space-evenly;align-items:center;padding-top:10px;display:flex}#title a{color:#fff;text-decoration:none}a#heart{color:red;background-color:#fff;border-radius:5px;padding:5px}#title span{width:20px}#title h1{margin:.25em;font-style:italic}#buttons{flex-direction:row;justify-content:center;gap:20px;padding-bottom:20px;display:flex}#skip{background-color:gray}#save{background-color:green}#skip,#save{color:#e6e6e6;cursor:pointer;border-radius:3px;padding:5px 30px;font-size:2rem;font-weight:700}#delete-dog{cursor:pointer}#navbar{border:0 solid #e9e9e9;border-top-width:1px;flex-direction:row;justify-content:space-evenly;gap:20px;padding:20px;display:flex}#navbar a{color:#000;background-color:#a8a8a8;border:1px solid #000;border-radius:5px;padding:10px 30px;text-decoration:none}#favorites{flex-direction:column;flex-grow:1;padding:10px;display:flex;overflow:hidden}#favorites-container{flex-flow:wrap;justify-content:center;gap:10px;padding:10px;display:flex;overflow:hidden auto}.favorite-dog{max-width:60%;max-height:180px;position:relative}.favorite-dog img{border-radius:5px;max-height:150px;margin:5px}.favorite-dog:hover button{display:block}.favorite-dog button{z-index:10;display:none;position:absolute;bottom:10px;left:10px}