@font-face {
	font-family: 'Roboto-Medium';
	font-style: normal;
	font-weight: 500;
	src: local('Roboto Medium'), local('Roboto-Medium'), url(../font/Roboto-Medium.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Roboto-Regular';
	font-style: normal;
	font-weight: 500;
	src: local('Roboto'), local('Roboto-Regular'), url(../font/Roboto-Regular.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body{
	width:100%;
	height:100%;
}

body{ 
	font-family: 'Roboto-Medium', sans-serif;
	transition: background 1s linear;
    background-repeat:no-repeat; 
    background-position:center; 
    background-size:cover; 
    padding:10px;
}

.bottom-text{
	color: #b2b2b2;
}

.div-logo{
	height:200px;
	width:200px;
	background-color: hsla(0, 0%, 100%, 0.3);
	transition:.5s;
}

.div-logo:hover{
	background-color: hsla(0, 0%, 66%, 0.3);
}

.logo{
	max-height:200px;
	max-width:200px;
}