.card {    
    border-radius: 10px;
    margin-top:10px;
}

.callout {
    margin-top:10px;
    border-radius: 10px;
}

.button {
    border-radius: 10px;
}

input {
    border-radius: 10px;
}
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea  {

    border-radius: 10px;
}

select {
    border-radius: 10px;
}

.App-header {
    opacity:0.9;
}

.App-header h1 {
    position: relative;
    top: 10px;
}

html {
    /* Infinite gradient background that extends beyond viewport */
    background: linear-gradient(135deg, 
        #3d38ac 0%, 
        #4a4fb5 25%, 
        #5d4fb5 50%, 
        #7d5fb5 75%, 
        #9d7fb5 100%);
    background-attachment: fixed;
    min-height: 100%;
}

html body {
    /* Main background image with parallax effect */
    background-image: url("../imgs/eros.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    /* Make body transparent so gradient shows through */
    background-color: transparent;
}


.card {
    opacity:0.9;
}