@import url("fonts.css");

*{
	font-family: fredokaone;	
}

body{	
	background-color: #000000;
    /*background: linear-gradient(54deg, #0d7b5a, #0c7aa3, #2a373c);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 34s ease infinite;
    -moz-animation: AnimationName 34s ease infinite;
    -o-animation: AnimationName 34s ease infinite;
    animation: AnimationName 34s ease infinite;*/
}


.connected{
	background-color: #0da00d;	
}

.disconnected{
	background-color: #f32020;	
}

.statusInfo{    
    color: #fff;
    padding: 5px;
    margin: 10px auto;
    width: 150px;
    text-align: center;
    border-radius: 13px;
    box-shadow: 1px 1px 2px #0d7b69;
}


.status-holder{
	text-align: center;
    font-size: 12px;

}

.footerA, .footerA a{
	font-family: itim;
	color: #fff;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 96%}
    50%{background-position:100% 5%}
    100%{background-position:0% 96%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 96%}
    50%{background-position:100% 5%}
    100%{background-position:0% 96%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 96%}
    50%{background-position:100% 5%}
    100%{background-position:0% 96%}
}
@keyframes AnimationName {
    0%{background-position:0% 96%}
    50%{background-position:100% 5%}
    100%{background-position:0% 96%}
}


.bordered{
	border: 5px solid #ababab;
	border-radius: 10px 10px 10px 10px;
	margin: 15px 0;
	box-shadow: 1px 1px 5px #383838;
	background-color:#deeafb;
}
.codeBox{
padding: 5px 40px;
border: 2px solid #dcdcdc;
font-size: 24px;
background-color:#f3f3f3;
border-radius:16px;	
	
}

#vcButtons{
	font-size: 12px !important;
}



td{
	font-family: monospace !important;	
}

/*.swal2-html-container{
	font-size: 13px !important;
	
}*/