@font-face{font-family:font-1;src:url(/assets/JosefinSans-Medium-B6CdS0La.ttf)}*{padding:0;margin:0;box-sizing:border-box}body{background:#f3f3f3;font-family:font-1,sans-serif}li{list-style-type:none}.navigation ul{display:flex;margin:30px}.navigation ul a{text-decoration:none;padding:10px}.navigation ul a li{color:#0075ff;transition:.2s;cursor:pointer}.navigation ul a li:hover{color:#282c34}.navigation ul .nav-active{position:relative}.navigation ul .nav-active:after{content:"";height:4px;width:0;background:#0075ff;position:absolute;border-radius:10px;bottom:0;left:50%;transform:translate(-50%);-webkit-animation:anim .3s ease forwards;animation:anim .6s ease forwards}@-webkit-keyframes anim{to{width:100%}}@keyframes anim{to{width:100%}}.logo{display:flex;justify-content:center;align-items:center;margin:5px auto;width:250px;border-radius:20px;padding:5px 0;box-shadow:0 2px 3px #0000004e;background-color:#282c34}.logo img{height:40px}.logo h3{margin-left:10px;color:#0075ff}.countries{text-align:center}.countries .radio-container{justify-content:space-around;align-items:center;margin:0 10px 20px;background:#282c34;border-radius:20px;padding:10px;color:#f3f3f3;box-shadow:0 4px 10px #00000073}.countries .radio-container input[type=range]{transform:translateY(3px)}.countries .radio-container label{margin-left:5px;margin-right:10px}.countries .radio-container button{margin:0;padding:2px 6px;background-color:#f3f3f3;border:2px solid;border-radius:10px;cursor:pointer;transition:.2s}.countries .radio-container .allCountries{background:#33de4f;border-color:#33de4f}.countries .radio-container .allCountries:hover{background:#f3f3f3}.countries .radio-container .oneCountries{border-color:#33de4f}.countries .radio-container .oneCountries:hover{background:#33de4f}.countries .radio-container .modeHard{background:#ff4a36;border-color:#ff4a36}.countries .radio-container .modeHard:hover{background:#f3f3f3}.countries .radio-container .modeEasy{border-color:#ff4a36}.countries .radio-container .modeEasy:hover{background:#ff4a36}.countries .radio-container select{padding:2px 4px;border:2px solid black;border-radius:10px;cursor:pointer;transition:.2s}.countries .radio-container li{margin:10px 5px}.countries input[type=text]{padding:10px;border-radius:40px;font-size:1.3rem;border:3px solid #0075ff;outline:none;transition:.4s;text-align:center;width:400px;margin-bottom:20px}.countries input[type=text]:focus{background:#0075ff;border-radius:4px;color:#f3f3f3}.countries button{margin:0 10px 20px;padding:4px 10px;background:none;border:2px solid #0075ff;border-radius:10px;cursor:pointer;transition:.2s}.countries button:hover{background:#0075ff}.countries ul{display:flex;flex-wrap:wrap;justify-content:center}.countries .red-button{border-color:#282c34}.countries .red-button:hover{background:#282c34;color:#f3f3f3;animation:shake .5s ease-in-out}@keyframes shake{0%{transform:translate(0)}10%{transform:translate(-5px)}20%{transform:translate(10px)}30%{transform:translate(-10px)}40%{transform:translate(0)}}.card{position:relative;height:100px;width:160px;border-radius:4px;transition:.3s;margin:10px 3px 25px}.card h2{font-size:1rem;transform:scaleY(2)}.card:hover{transform:scale(1.2);z-index:2}.card .nomPays:hover,.card .nomCapitale:hover{opacity:1;transform:scaleY(.5);z-index:3}.card .nomPays,.card .nomCapitale{position:absolute;left:0;background:#000000b3;color:#f3f3f3;height:100%;width:100%;display:grid;align-items:center;justify-content:center;opacity:0;transform:scaleY(.5);transition:.3s}.card .nomPays{bottom:25%;border-radius:10px 10px 0 0}.card .nomCapitale{top:25%;border-radius:0 0 10px 10px}.card img{height:100px;width:160px;object-fit:contain;border-radius:10px}.aPropos{margin-left:50px}a{color:#0075ff;text-decoration:none}.continents{text-align:center}.continents .radio-container{justify-content:space-around;align-items:center;margin:0 10px 20px;background:#282c34;border-radius:20px;padding:10px;color:#f3f3f3;box-shadow:0 4px 10px #00000073}.continents .radio-container button{margin:8px;padding:4px 10px;background-color:#f3f3f3;border:2px solid;border-radius:10px;cursor:pointer;transition:.2s}.continents .radio-container .modeHard{background:#ff4a36;border-color:#ff4a36}.continents .radio-container .modeHard:hover{background:#f3f3f3}.continents .radio-container .modeEasy{border-color:#ff4a36}.continents .radio-container .modeEasy:hover{background:#ff4a36}.continents .continents-div{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 auto;width:100%;height:100%;background:transparent;border-radius:10px;padding:20px}.continents .continents-div button{margin:0 10px 20px;padding:4px 10px;background:none;border:2px solid #33de4f;border-radius:10px;cursor:pointer;transition:.2s}.continents .continents-div button:hover{background:#33de4f;color:#000}.continents .continents-div .red{border-color:#ff4a36}.continents .continents-div .red:hover{background:#f3f3f3;color:#ff4a36}.continents .continents-div .blue{border:2px solid #0075ff}.continents .continents-div .blue:hover{background:#0075ff;color:#f3f3f3}