/* Start Global Rules */

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* Start Variables */

:root {
    --main-color: #2e8ccf;
    --back-color: #f9f9ff;
    --main-transition: 0.5s;
    --sec-color: #eeeeee;
    --padding-top: 50px;
    --padding-bottom: 50px;
}

/* End Variables */

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Roboto", sans-serif;

}

img{
    width: 100%;
}