@import url(https://fonts.googleapis.com/css2?family=Aclonica&display=swap);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:10px 20px;z-index:10;background-color:#000}.menu{display:flex;justify-content:flex-end;align-items:center}.menu-icon{font-size:24px;cursor:pointer}.main{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:100%;padding:20px}.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:400px;height:380px;padding:20px;box-shadow:0 8px 16px rgba(0,0,0,.2);text-align:center;position:relative;border-radius:15px;border:5px solid orange;color:#eee}.close{position:absolute;top:10px;right:20px;font-size:24px;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}li{margin:5px 0}