Inscription #72771386#72,771,386html#71,590,661jsInscription #71590647#71,590,647htmlInscription #71589585#71,589,585html#71,589,213jsInscription #70911586#70,911,586html#70,911,344jsbody, html { margin: 0; padding: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #000000; font-family: sans-serif; } header { position: absolute; top: 0; right: 0; background-color: #333; color: white; padding: 10px 20px; z-index: 10; background-color: #000000; } .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, 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; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); text-align: center; position: relative; border-radius: 15px; border: 5px solid orange; color:#eee; font-size: 0.88em; } .close { position: absolute; top: 10px; right: 20px; font-size: 24px; cursor: pointer; color: white; } #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: white; text-decoration: none; border-radius: 5px; border: none; cursor: pointer; font-family: 'Aclonica', sans-serif; } .popup-button:hover { background-color: darkorange; } #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; }#70,910,872text#70,910,860Inscription #70908881#70,908,881html#70,908,543js@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}#70,908,487text#70,908,464