*{
            padding: 0;
            margin: 0;
            box-sizing: border-box;
            font-family: "poppins", sans-serif;

}

body{
            background-color: #3d64e6;
}
.container{
        background-color: #ffffff;  
        width: 80vw;
        max-width: 37.5em;
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;  
        padding: 3em 2.5em;
        border-radius: 5px;
        box-shadow: 0 1.25em 1.8em rgba(8, 21, 65, 0.25);
}
.container p{
            text-align: end;
            font-size: 10px;
            margin-top: 20px;
            color: #222a43;
}
.search-wrapper{
            display: grid;
            grid-template-columns: 9fr 3fr;
            gap: 1.25em;
}
.search-wrapper button{
            font-size: 1em;
            background-color: #3d64e6;
            color: #ffffff;
            padding: 0.8em 0;
            border: none;
            outline: none;
            border-radius: 1.5em;
            border: 0;
}

.search-wrapper input {
            font-size: 1em;
            padding: 0 0.62em;
            border: none;
            border-bottom: 2px solid #3d64e6;
            outline: none;
            color: #222a43;
}
.search-wrapper #search-btn{
            cursor: pointer;
}
#result{
            margin-top:1.25em ;
}
.container .flag-img{
            display: block;
            width: 45%;
            min-width: 7.5em;
            margin: 1.8em auto 1.2em auto;
}
.container h2{
            font-weight: 600;
            color: #222a43;
            text-align: center;
            text-transform: capitalize;
            letter-spacing: 2px;
            margin-bottom: 1.8em;
}
.data-wrapper{
            margin-bottom: 1em;
            letter-spacing: 0.3px;
}
.container h4{
            display: inline;
            font-weight: 600;
            color: #222a43;

}
.container span{
            color: #5d6274;
}
.container h3{
            text-align: center;
}
.container h3{
            text-align: center;
            font-size: 1.2em;
            font-weight: 400;
            color: #ff456a;
}
.hidden{
        
}