@charset "UTF-8";
/* CSS Document */

/*@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700');*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500,700&display=swap');

/*font-family: 'Roboto', sans-serif;*/


body {
    margin: 0;
    padding: 0;
    background-image: linear-gradient(#AA66F6, #8465F2);
}


.topleft-icon-button {
    /*display: ;*/
    background: none;
    background-color: transparent;
    margin: 10% 10% 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

.topleft-icon-button > img {
    height: 22px; 
    width: auto;
    margin: 0;
}

.topleft-icon-button > h1 {
    font-size: 15px; 
    text-align: left;
    margin: 8px 0 40px 0;
}

.topleft-icon-button > h1 > i {
    font-size: 10px; 
    text-align: left;
    margin: 8px 0 40px 0;
}

@media screen and (min-width: 700px) {
    body {
        padding: 0 25%;
    }

}

.hiddenobject {
    display: none;
}