body{

    background-color:rgb(124, 187, 224);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin:0%
}

a:visited {
    color:saddlebrown;
}
a:link {
    color:darkgoldenrod;
}
a:hover {
    color:brown;
}
.btn-custom {
    color:saddlebrown;
    background-color: antiquewhite;
}
nav a:visited {
    color:beige;
}
nav a:link {
    color:aliceblue;
}
nav a:hover {
    color:saddlebrown;
}

.navbar {
    color:antiquewhite;
    background-color: rgb(9, 102, 24);
}

.container1 {

width: 40%;
margin:auto
}

.my-form {

    padding: 20px;
}

.my-form label {

    padding: 5px;
    display: block;
    margin-bottom: 5px;
}

 input[type=text], select  {
    width: 30%;
    padding: 5px;
    margin-bottom: 5px ;
    border:2px;
    background: #f1f1f1;
}


.button {
    align:center;
    width: 10%;
    padding: 5px;
    margin: 7px ;
    font-weight: bold;
    border:10px;
    background: #af7a08;
       
}
.button:hover{
    color: #fff; 

}

.block {

    float:left;
    width: 40%;
    border:1px solid #fff;
    padding-top: 10px;
    padding-left: 10px;
    margin-top: 5px;
    box-sizing: border-box;
}