@import url(fonts.css);

* {
    margin: 0;
    padding: 0;
}

*, *:focus, *:hover, *:active {
    outline: none;
}

::selection {
    background: rgba(76, 175, 80, 0.51);
}

::-moz-selection {
    background: rgba(76, 175, 80, 0.51);
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    color: #212121;
    background: url('bg.jpg') no-repeat center fixed #e6e6e6;
    text-align: center;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}

/*Button*/
.button, input[type=submit] {
    /*color: #fff;
    background: #4CAF50; /*3F51B5*
    border: none;
    border-radius: 2px;
    position: relative;
    height: 36px;
    margin: 10px;
    min-width: 64px;
    padding: 0 16px;*/
    padding: 5px 20px;
    border-radius: 5px;
    border: 2px solid #212121;
    color: #212121;
    display: inline-block;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 2em;
    font-weight: 500;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 1px 1px -2px rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .12);
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    margin-top: 10px;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none;
}

input[type=submit] {
    width: auto;
}

.button:hover, input[type=submit]:hover {
    background: #499149;
    text-decoration: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14), 0 3px 4px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    color: #fff;
}

/*Container*/
.container{
    margin-top: 20vh;
    padding-bottom: 10vh;
}

.container img{
    width: 100%;
    max-width:750px;
    margin-bottom: 3vh;
}

.container h1{
    font-size: 4em;
}