*{margin:0;padding:0;box-sizing:border-box;font-family:"Roboto",sans-serif;color:#444;font-weight:400}body{background-color:#def5f3}nav{position:fixed;top:30px;left:40px;border-radius:30px;box-shadow:1px 1px 5px #bbb;z-index:5}nav,nav button{background-color:#ffb9b7}nav button{width:120px;height:50px;font-size:1.1em;font-weight:400;text-transform:uppercase;color:#fff;border:none;border-radius:30px}nav button:hover{color:#333;cursor:pointer}#menu{display:none;position:relative;width:120px;padding:0 0 15px 15px;background-color:#ffb9b7;border-radius:30px}#menu ul li{list-style-type:none;line-height:1.5em;text-decoration:none;color:#fff;font-weight:300}#menu ul li:hover{cursor:pointer;color:#333;font-weight:400}#header{text-align:center;background-color:#fcf8ee;box-shadow:0 0 10px #bbb}#logo-index{opacity:90%}#logo-index,#main-title{width:300px;margin-left:20px}#main-title{display:inline-block;vertical-align:50px;font-size:3em;font-weight:300;line-height:.9em;text-transform:uppercase;text-align:left;text-shadow:2px 2px 0 #fff}#explore{text-align:center;font-weight:500;margin:25px 0 10px}#main{display:flex;flex-flow:row wrap;width:90%;margin:0 auto;align-content:center;justify-content:center}.container{width:130px;background-color:#fcf8ee;border-radius:50px;padding:20px;margin:15px;box-shadow:1px 1px 8px #bbb;transition:all .5s}.container img{height:60px;padding-bottom:10px}.sea img{height:50px}.container h3,.container img{display:block;margin:0 auto;text-align:center;font-size:1.1em;line-height:1em}.container a{text-decoration:none}.container:hover{transform:scale(1.2);cursor:pointer}.container:hover h3{color:#5ebfba}.pagetitle{text-align:center;margin:50px 0 30px;font-size:2.3em;text-transform:uppercase;text-shadow:2px 2px 0 #fff}#tri{width:60%;margin:0 auto;text-align:right;position:relative}#tri-label{font-size:.8em;padding-right:10px}#select{position:relative;display:inline;width:110%;background-color:transparent;overflow:hidden}#trier-par{-webkit-appearance:none;appearance:none;height:auto;border:1px solid #bbb;background-color:#f7f7f7;margin:0;padding:4px 30px 4px 4px;border-radius:4px;overflow:hidden;text-overflow:ellipsis}#select:after{content:"";position:absolute;top:60%;margin-top:-3px;right:.75em;display:block;width:0;height:0;border:6px solid transparent;border-top-color:#444;pointer-events:none}#items{width:80%;margin:0 auto;display:flex;flex-flow:row wrap;justify-content:center}.element{width:160px;font-size:.8em;margin:10px;background-color:#fcf8ee;border-radius:30px;transition:all .5s;box-shadow:1px 1px 8px #bbb}.bug-photo,.fish-photo,.sea-photo{width:100%;padding-top:5px}.art-photo,.fossil-photo{display:block;margin:5px auto;height:128px}.villager-photo{display:block;width:80%;margin:15px auto 5px;border-radius:40%}.name{font-size:1.3em;font-weight:600;text-align:center;padding:5px;overflow-wrap:break-word}.infos{padding:0 5px 20px 10px}.bold{font-weight:600}.element:hover{transform:scale(1.2);box-shadow:0 0 10px #000}.element:hover .name{color:#5ebfba}#footer{margin:30px}#melimelo{display:block;width:200px;margin:0 auto;filter:saturate(50%);opacity:75%}#footer p{text-align:center;font-size:.9em;font-style:italic;font-weight:200}@media screen and (max-width:700px){nav{top:15px;left:15px;position:absolute}#menu,nav button{width:100px;font-size:1em}#menu{padding:0 0 15px 10px}#menu ul li a{font-size:.9em}#logo-index{width:230px;margin:0 auto}#main-title{display:block;width:300px;text-align:center;font-size:2em;margin:0 auto;padding-bottom:30px}.container{margin:10px}.pagetitle{font-size:1.8em;margin-top:75px}#items{width:90%}.element{width:150px}}
/*# sourceMappingURL=main.0b54db73.chunk.css.map */