#population-chart{width:500px}.country-link-card{text-decoration:none;color:#2e1f15}.card-content{display:flex;justify-content:space-around;align-items:center}.show-country-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.show-country-cards .country-card-info{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:15px;box-shadow:0 0 #2e1f15,0 0 10px #2e1f15;width:20vw;padding:20px 40px}.country-card-small,.wishlist-card,.favourite-card{border-radius:20px;box-shadow:0 0 #2e1f15,0 0 10px #2e1f15;padding:20px 20px 20px 40px}.wishlist-card,.favourite-card{width:30%}.card-country-name{text-align:center}.card-image-box{width:100%;height:200px;border-radius:10px;box-shadow:0 0 #2e1f15,0 0 7px #2e1f15;display:flex;justify-content:center;align-items:center}.wishlist-favourite{display:flex;flex-direction:column}.wishlist-favourite-cards{display:flex;justify-content:space-around}.large-icon{color:#2e1f15;font-size:2rem;padding:20px}.flag-image{width:50%;object-fit:cover;box-shadow:0 0 #2e1f15,0 0 5px #2e1f15}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:60px}.clock{width:5rem;height:5rem;position:relative;padding:2rem;border:7px solid black;border-radius:50%;margin:50px auto}.clock .outer-clock-face{position:relative;overflow:hidden;width:100%;height:100%;border-radius:100%}.clock .outer-clock-face:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}.clock .outer-clock-face:after,.clock .outer-clock-face:before,.clock .outer-clock-face .marking{content:"";position:absolute;width:5px;height:100%;background:#00f;z-index:0;left:49%}.clock .outer-clock-face .marking{background:red;width:3px}.clock .outer-clock-face .marking.marking-one{transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg)}.clock .outer-clock-face .marking.marking-two{transform:rotate(60deg);-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg)}.clock .outer-clock-face .marking.marking-three{transform:rotate(120deg);-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg)}.clock .outer-clock-face .marking.marking-four{transform:rotate(150deg);-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg)}.inner-clock-face{position:absolute;top:10%;left:10%;width:80%;height:80%;background:#282828;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;z-index:1}.inner-clock-face .inner-clock-face:before{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:18px;margin-left:-9px;margin-top:-6px;background:#4d4b63;z-index:11}.inner-clock-face .hand{width:50%;right:50%;height:6px;background:#61afff;position:absolute;top:50%;border-radius:6px;transform-origin:100%;transform:rotate(90deg);transition-timing-function:cubic-bezier(.1,2.7,.58,1)}.inner-clock-face .hand.hour-hand{width:30%;z-index:3}.inner-clock-face .hand.min-hand{height:3px;z-index:10;width:40%}.inner-clock-face .hand.second-hand{background:#ee791a;width:45%;height:2px}form{margin:10px;display:flex;flex-direction:column}form input{font-size:1rem}form .wishlist_desire_rating,form .wishlist_note,form .wishlist_future_visit_date,form .favourite_rating,form .favourite_note,form .favourite_visit_date,form .favourite_times_visited{display:flex;flex-direction:column}form .submit-button{background:#e55934;color:#2e1f15;font-size:1rem;border-radius:20px;border:none;box-shadow:0 0 #2e1f15,0 0 5px #2e1f15;padding:10px;margin:30px auto auto;width:30%;cursor:pointer;transition:background .3s ease-in-out,color .3s ease-in-out}form .submit-button:hover{background:#973b22;color:#fffad4}.add-wishlist,.add-favourite>h1{text-align:center}.new_wishlist,.new_favourite{width:50%;margin:auto}.country-banner{position:relative}.country-banner .banner-image{margin:10px;width:98%;height:600px;object-fit:cover;display:block;background-size:cover;opacity:.8;filter:brightness(50%)}.country-banner .banner-image-country-name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fffad4;font-size:2.5rem;white-space:nowrap}.country-banner .icons{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;text-decoration:none;display:flex;justify-content:space-between}.country-banner .icon{color:#fffad4;font-size:2rem;padding:20px}.country-banner .banner-image-attributions{position:absolute;bottom:20px;left:30px;color:#fffad4}.country-banner .photographer-link{color:#fffad4}.wrapper .section{width:calc(100% - 225px);margin-left:225px;transition:all .5s ease;min-height:100vh;box-sizing:border-box}body.active .wrapper .sidebar{left:-225px}body.active .wrapper .section{margin-left:0;width:100%}.sidebar{background:#e55934;position:fixed;top:0;left:0;width:225px;box-sizing:border-box;height:100%;padding:20px 0}.sidebar ul li a,.sidebar .dropdown-btn{display:block;list-style:none;padding:13px 30px;margin:0;border-bottom:1px solid #2e1f15;font-size:16px;position:relative}.sidebar .dropdown-btn{border:none;background:none;width:100%;cursor:pointer;border-bottom:1px solid #2e1f15}.sidebar #down-arrow{margin-left:0}.sidebar .dropdown-container{display:none}.sidebar .open{display:block}.sidebar .nav-link{display:flex;align-items:center;text-decoration:none;color:#2e1f15;transition:background .3s ease-in-out,color .3s ease-in-out}.sidebar .nav-link.active,.sidebar .nav-link:hover{background:#973b22;color:#fffad4;border-right:1px solid #2e1f15}.sidebar .icon{display:inline-block;width:30px;margin-right:10px}.topnav{background:#ce8d66;height:50px;display:flex;align-items:center;padding:0 0 0 30px}.nav-welcome{text-align:center;margin-bottom:30px;color:#2e1f15}.nav-welcome h1{margin-top:20px}.nav-welcome #nav-user-icon{font-size:3rem}.wrapper .section .topnav .hamburger a{font-size:28px;color:#f4fbff}.wrapper .section .topnav .hamburger a:hover{color:#a2ecff}.home{margin:20px}.home .world-map{background-image:url(app/assets/images/World-Map.jpg)}.continent-region,.country-info{margin:30px}.country-info>h2{text-align:center;padding-bottom:30px}.list-link{text-decoration:none;color:#2e1f15}.dashboard{margin:30px}*{margin:0;padding:0}html,body{height:100%;background-color:#fffad4;overflow-y:auto}h1{font-family:Cascadia Mono,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal}h2{font-family:Cascadia Mono,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}h3,p,li{font-family:Cascadia Mono,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.page-header{font-size:4rem;margin-bottom:30px;text-align:center}