* {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
}
:root {
    --bg-color: #f7f7f7;
    --primary-color: #e26122;
    --font-text: #5f6062;
    --bg-secondary: rgb(56, 56, 56);
    --button: #f7f7f7;
  }
.button{padding: 25xp;width: 180px;height: 
    45px;border-radius: 25px;
    font-size: 1.3em;
    background: var(--button);
    border: 2px solid var(--font-text);
    color: var(--font-text);
}

.button:hover{
    background: var(--primary-color);
    background: radial-gradient(circle, #f1ab11 0%, #e26122 100%);  
    color: var(--bg-color);
    border: none;
}
input{
    width: 70%;
    border: 0;
    border-bottom: 1px solid rgb(77, 77, 77);
    text-align: center;
    background-color: var(--bg-color);
}
/* html{
    scroll-behavior: smooth;
} */
img, picture, figure{
    max-width: 100%;
    object-fit: cover;
    box-sizing: border-box;
  }
body{
    min-height: 100vh;
    font-size: 100%;
    font-family: 'Poppins', sans-serif;
    line-height: 1.7em;
    font-smooth: always;
    -webit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    color: var(--font-text);
}
h1,h2,h3,h4{
    color: var(--font-text);
}
@media (max-width: 780px){
    .button{
        background: var(--primary-color);
        background: radial-gradient(circle, #f1ab11 0%, #e26122 100%);  
        color: var(--bg-color);
        font-size: 1.3em;
        border: none;
        width: 90vw;
        height: 35px;
        box-shadow: rgb(211, 211, 211) 1px 0 8px;
    }

}