@font-face {
    font-family: San-Francisco-Light;
    src: url(/assets/fonts/San-Francisco/SFNSText-Light.otf);
}

html, body {
    margin: 0;
    padding: 0;
    font-family: San-Francisco-Light;
}

input {
    font-family: San-Francisco-Light;
    outline: none;
}

input[type="text"], input[type="password"], input[type="email"] {
    border-radius: 20px;
    padding: 5px 8px;
    border: 1px solid #D8D8D8;
    width: 100%;
    box-sizing: border-box;
    background-color: #F3F3F3;
    font-size: 16px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {
    background: none;
    border-color: #FF8F1B;
}

select {
    border-radius: 20px;
    padding: 5px 8px;
    border: 1px solid #D8D8D8;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
}

.btn-orange {
    background-color: #FFA049;
    border-radius: 4px;
    padding: 8px 10px;
    color: #fff;
    width: 180px;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

.btn-orange:hover {
    background-color: #FF8B21;
}

/* Form style */

.form input[type="text"], .form input[type="email"], .form input[type="password"] {
    border-radius: 5px;
    padding: 10px 10px;
    border: 1px solid #D8D8D8;
    width: 100%;
    box-sizing: border-box;
    background-color: #F3F3F3;
    font-size: 16px;
}

.form input[type="text"]:focus, .form input[type="email"]:focus, .form input[type="password"]:focus {
    background: none;
    border-color: #FF8F1B;
}