@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Regular.ttf");
}
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

html{
    box-sizing: border-box;
    font-size: 10px;
}
a{
    text-decoration: none;
}
ul,ol{
    list-style: none;
}
.cmingSn{
    background: url("../images/Mask Group 3@2x.png") no-repeat center;
    background-origin: content-box;
    background-size: cover;
    height: 100vh;
    width: 100%;
    font-family: Poppins;
}
.inner-container{
    width: 80%;
    margin: 0 auto;
    display: grid;
    grid-template-rows: repeat(3,1fr);
    height: 100%;
    
}
.upHead{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.upHead img{
    height: 6rem;
}
.main{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}
.main h1{
    display: flex;
    align-items: center;
}
.main h1{
    font-size: 12rem;
    text-transform: uppercase;
    color:#003954;
}
.main img{
    width: 11rem;
}
.main h3{
    font-size: 3rem;
}
.main span{
    text-transform: uppercase;
    color: #008DD0;
}
.foot{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
}
.foot ul{
    display: flex;
    justify-content: space-around;
    font-size: 2.4rem;
    width: 100%;
}

.foot li{
    display: flex;
    align-items: center;
    gap:1rem;
}
.foot h4{
    font-weight: lighter;
    color:black;
}
.foot img{
    width: 2rem;
}