body,html{margin:0;padding:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000;font-family:sans-serif}header{position:absolute;top:0;right:0;background-color:#333;color:#fff;padding:5px 10px;z-index:10;background-color:#000;animation:showMenu .5s ease-in-out .5s forwards;animation-delay:1.5s;opacity:0}.menu{display:flex;justify-content:flex-end;align-items:center}.menu-icon{font-size:.85em;cursor:pointer}@keyframes showMenu{0%{opacity:0}100%{opacity:1}}.main{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:100%}.main-image{width:100%;height:100%;object-fit:contain}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;display:none;font-family:sans-serif}.popup-content{background-color:#555;width:380px;height:300px;padding:20px 10px 10px 10px;box-shadow:0 8px 16px rgba(0,0,0,.2);text-align:center;position:relative;border-radius:15px;border:5px solid orange;color:#eee;font-size:.8em}.close{position:absolute;top:10px;right:20px;font-size:20px;cursor:pointer;color:#fff}#popup-title{color:#eee;font-family:Aclonica,sans-serif}.popup-button{display:inline-block;margin-top:10px;margin-bottom:10px;padding:10px 20px;background-color:orange;color:#fff;text-decoration:none;border-radius:5px;border:none;cursor:pointer;font-family:Aclonica,sans-serif}.popup-button:hover{background-color:#ff8c00}#traits-text{display:flex;justify-content:center;align-items:center}ul{list-style-type:disc;margin:10px;padding:0;text-align:left;display:inline-block}li{margin:5px 0}