html {
    cursor: url('/assets/cursor.png') 30 30, auto !important;
    font-family: arial grande,Tahoma,Helvetica,Arial,sans-serif;
    background: #a9a9ff;
}

* {
    cursor: url('/assets/cursor.png') 30 30, auto !important;
}

div.header {
    position: fixed;
    top: 4em;
    left: 4em;
    text-align: center;
    max-width: 220px;
}

div.content {
    margin-left: 280px;
    text-align: center;
}

div.form-group {
    display: block;
}

img {
    margin-right: .5em;
    margin-left: .5em;
}

.f40 {
    font-size: 40px;
}

a.btn {
    min-height: 40px;
    border-radius: .5em;
    padding: .3em;
    text-decoration: none;
    font-weight: bold;
    color: white;
    cursor: pointer;
}
.pink {
    background-color: #f27dff;
}
.pink:hover {
    background-color: #ef5fff;
}

.blue {
    background-color: #60a0ff;
}
.blue:hover {
    background-color: #3887ff;
}

.red {
    background-color: #99161c;
}
.red:hover {
    background-color: #610f13;
}

.green {
    background-color: #4cad66;
}
.green:hover {
    background-color: #367046;
}

input[type=text], select {
    width: 60%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
input[type=submit] {
    width: 60%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  input[type=submit]:hover {
    background-color: #45a049;
  }