@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');



*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    transition: all .2s linear;
    font-family: "Inter", serif;
    outline: none;
    text-decoration: none;
    border: none;
}

:root{
    --black:#000;
    --white:#fff;
    --softWhite:#eee;
    --midWhite:#cacaca;
    --red:#ff4500;
    --orange:#ff6200;
    --text:#626262;
    --title:#363636;
    --font-Oswald:"Oswald", serif;
    --mintBlue:linear-gradient(45deg, #00D494, #00BCFF);
}



html{
    scroll-behavior: smooth;
    overflow-x: hidden;
}
section{
    padding: 2rem 4%;
    min-height: 100vh;
}

.container{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    gap: 1rem;
    text-align: center;
}

.container h1{
    font-size: clamp(1.5rem, 3vw, 3rem);
    color: var(--title);
}
.container .iconCont i{
    color: var(--orange);
    font-size: clamp(5rem, 10vw, 7rem);
}
.container p{
    font-size: clamp(1.2rem, 5vw, 2rem);
}
.container p a{
    font-size: clamp(1.5rem, 5vw, 2.5rem);
    color: var(--orange);
}