body {
	background: rgb(65, 176, 238);
}

.background {
    background-image: url(images/background.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.welcome {
    border-radius: 3px;
    background-image: -moz-linear-gradient( 90deg, rgba(184,231,254, 0.8) 0%, rgba(255,255,255, 0.8) 74%);
    background-image: -webkit-linear-gradient( 90deg, rgba(184,231,254, 0.8) 0%, rgba(255,255,255, 0.8) 74%);
    background-image: -ms-linear-gradient( 90deg, rgba(184,231,254, 0.8) 0%, rgba(255,255,255, 0.8) 74%);
    box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.25);
    width: 650px;
    height: 400px;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.welcome__logo {
    height: 7em;
    border-bottom: 1px solid #ffffff;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.welcome__choice {

}

.welcome__choice__text {
    color: #607D8B;
    text-align: center;
    margin: 1.5em;
    text-transform: uppercase;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
}

.welcome__choice__buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-left: 2em;
    padding-right: 2em;
}

.choice-button {
    background: #FFFFFF;
    height: 12em;
    width: 17em;
    border-radius: 0.15em;
    box-shadow: 0.03em 0.03em 0.2em rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.choice-button:hover {
    cursor: pointer;
    background: rgb(225, 245, 254);
    /*color: rgb(66, 165, 245) !important;*/
}

.choice-button__icon {
    height: 9.5em;
    width: 15em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.choice-button__text {
    color: #607D8B;
    font-weight: 500;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.choice-button:hover .choice-button__text {
    color: rgb(66, 165, 245);
}

.icon {
    background-repeat: no-repeat;
    background-size: 101px 77px;
    width: 101px;
    height: 77px;
}
.choice-button:hover .icon {
    fill: rgb(66, 165, 245); /* NOT WORKING */
}

.cat-icon {
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGUAAABNCAMAAACIXVqmAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACplBMVEVgfYv///9gfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYsAAAAeOg0YAAAA4HRSTlMAAKP+yTQZ7xtHoV34EmBUjrbWa3B1iqTI6YTOgscKO2UipRT1wg/FVnSF1P1FlzgBfSfd6wMgut4WLp1f89MViEua4DEL7OUFBvZCcX4k+z0f8foX2S0ekwK45Ad492k2hpytURCY4fSvYViRqbfG0L6qlXxbV+hM4sOxwOq7jLzVn248DTXYDInb2oBa8O438nIEGNGW/EZ5sIMmtVWSqAnm17/5KhwozyWLzBqB30meCCG0Z0Bis2ZtPjqgarJ7h80joi+9kKteTxMO4zNQY2hkLEFsrE16Mu05uW/KWb2RztcAAAABYktHROFfCM+mAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH4AsVDQQt4+wtvAAABNRJREFUWMO92flfFGUYAPB3WWQFWfFAsVx3IyVI13YkIZJCE0mW5NBFgeWyAjQNWEQjSbFIRZMSQzM3DOmgssus7DDL7CTtvu16/5Rm3nfueeddPuw7+/zEPM/7Pt+dndl3DgCwNuLs8ZNsNouRBAihY7LVSiKvwCSrlSmCkuy0WJkqKDAlJsq0mCjTY6LMsFiZiRSHxUoqUpItVmYhBVqszI6JkhYTZQ5CrpE2r7VmFXAgZa606ZrnBsATfx1bJB1/YddL2/MXZNwAMiFky2Rh5UY5sRAu8iyA0LuYpXITVnzSNrcEJ6Ajm6FyM2q5NEfczL0FSpF3KzNkGe6YL17FbrsdKlGwnJWyAje8AysroSYKV7FBiu5E7VYXI8UPdVFyFxNlDe5Wiu9hysoNTAUDZO061CtQiRTnemiIdRuiRqoKcKtqm6DUBCEhasuiM+rqxROqIQEpjZAYqzdGg3hmSH3utiHlHrIC7fc21U3QaG6xS102ubGSCE1j831bEsSJ/rWerbPub21rD4XmdGzr3L7DN98UeaBLafGgDStgOqTFzu7gQ7tCXYTK7p49U5YVG4xVD6vG5ANJqXwETjwCod5H9+5TjP3b7Kpq3wFZAVzFwceigPhDeKi1/3Ffdm7Fkrma/BP8yisrAtTUNUGBEocHgFbhFwDmTHs6MCjAUx59Y1UceXIQEBSwnaERqD4qdtUrg8dYGQ1PVcld9QqoYGMcr05QNTUoEX6f442Vmp5GxcNEWc/RFRBiwjwdQTnBROmJoExiosCNdCXnCBMlTFdAMHqCD3s2XXmGzVfWT1dS2ChBujLERimkKzUlTJTyGqoCFrHZmQS6cpKN4qMrSWyUZ+nKMBtlDV05xUZpoSojz7FRnqcqlGt/4IXwycy+F8fJbKEoo8mm07rxycm9lOjKHA9z6mUzxf+KZmBt1gmv9Lc9VzXu9KubIzP2tpQ6orJCM+y111Wn3CHtTjvfaNCMfbN1EwFytOw3KmfUN9LwrbN8anJA3MrQn4xvv6Me/C7gziWRVqdgkU5JP6yqNryHk3Hi9vt6BXALVcM/EDLNHxYYmZlaxR1S1Y6NitnzYiINGJmwMr5ezH10Qb9DcRrFr1rB7NPkZz1OfOboNCrAuVOecVBONn88T6PsUisjnyiF+AFVq4s49ylBAZ7j0hTNnd5pV5/S7JJKcXfI6bwsTj3lM+1Xog35Av65rvDFsHSQ+xRFQZJL9Q/Gl1A+laiM7BanhY2lVFwLDEqKX75B/nLIMPyichIZ4ytTBYCj+O3YkKjkfC2OXTrGGQf7UGkqWZHWvXxScSsqfYMVLl88s3ovk8YWoWIWEblSi6d6z5OqOd+iI4oUTny52PEd+eMCVP2eWJJerP1AnukSar1I2YM/zY/ALNBdLfGN2U8i0mgy82eh2C0ov2BkhymC9qWc9FJ7MV7kvGNmMznhubtLUHrQyF/NkSqh/psuWfb7huIxfDEKmH7AswNocfDzCvr5/mE28ECGV1iY7H9qsv5hfvUWF/CSM2Zznfhi4HXzCr+AB+rNBoJO3OqCNjtbWUCu/mU614VH/I2O/ug583dQAF9885abKYWj5nPxsYB7bRH/w3u5sb//n6Z9uuyVNPzi82pbJWVuWWn431D7f8I69j++XraAn2ur+QAAAABJRU5ErkJggg==");
}

.dog-icon {
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIUAAAB1CAMAAABXltIXAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAC5VBMVEVgfYv///9gfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYtgfYsAAADCHLHXAAAA9XRSTlMAADiTz+7237uQaDYDEK3qiBQP0/NtAqnCGec1AcTtEmdSI/SMxuh5zB4n+PeJ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");
}