/* BloggerSans - Regular */
@font-face {
    font-family: 'BloggerSans';
    src: url("../fonts/BloggerSans/BloggerSans.9344306937ff.woff") format('woff'),
    url("../fonts/BloggerSans/BloggerSans.7d1db9675fc8.ttf") format('truetype'),
    url("../fonts/BloggerSans/BloggerSans.7243c0ee6689.svg") format('svg'),
    url("../fonts/BloggerSans/BloggerSans.c66287b74107.eot") format('eot');
}

/* BloggerSans - Italic */
@font-face {
    font-family: 'BloggerSans-Italic';
    src: url("../fonts/BloggerSans/BloggerSans-Italic.2078e5058332.woff") format('woff'),
    url("../fonts/BloggerSans/BloggerSans-Italic.b64b431d84ad.ttf") format('truetype'),
    url("../fonts/BloggerSans/BloggerSans-Italic.b90db76065b1.svg") format('svg'),
    url("../fonts/BloggerSans/BloggerSans-Italic.0a9aa782db1c.eot") format('eot');
    font-style: italic;
}

body {
    font-family: 'BloggerSans', sans-serif;
}

input[type="text"],
input[type="email"],
textarea {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 15px;
    border: 1px solid #ccc;
}

input[type="number"] {
    width: 100px;
    padding: 10px;
    border-radius: 15px;
    border: 1px solid rgb(204, 204, 204);
}

form {
    max-width: 1000px;
    margin: 50px auto;
    padding: 20px;
    background-color: #f4f4f4;
    border-radius: 20px;
}