@charset "utf-8";
/* CSS Document */
html {
    width:100%;
    height:100%;
    font-family:"Product Sans", "Roboto", Arial, sans-serif;
}
::-webkit-scrollbar { 
    display: none; 
}
body {
	margin:0;
	width:100%;
    height:100%;
    background:rgba(33,33,33,1);
    text-align:center;
    font-family:"Product Sans", "Roboto", Arial, sans-serif;
    overflow-y: scroll;
}
article {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
	transition:ease 1s;
}
.statusbox {
    width: 90%;
    height: auto;
    border-radius: 20px;
    background-color: rgba(66,66,66,1);
    padding: 10px;
    margin: 0;
    transform-origin: center;
    transform:translate(-50%,-50%);
    position:fixed;
    top:50%;
    left:50%;
    text-align: center;
    align-content: center;
}
.label {
    margin-right:auto;
    margin-left:auto;
    color: #fafafa;
    text-align: center;
}
.fanon {
    margin-right:auto;
    margin-left:auto;
    color: #fafafa;
    font-family:"Product Sans", "Roboto", Arial, sans-serif;
    text-align: center;
}
.minecraftserverimage {
    display: block;
    transform-origin: center;
    position: absolute;
    transform: translate(-50%);
    left:50%;
}
.minecraft {
    display: block;
    margin-top:70px;
    font-size:24px;
}
#materialcard {
    background-origin: content-box;
    transform-origin: center;
    border-radius:100%;
    margin:0px auto;
    height:5px;
    width:5px;
    background-color:#424242;
    border-top:1px solid #616161;
    border-bottom:1px solid #212121;
	transition:ease 2s;
}
#materialcard:hover {
    margin:-47.5px auto;
    border-radius:20px;
    height:200px;
    width:200px;
    background-color:#424242;
	transition:ease 2s;
}