@import url('satoshi.css');

*{
    padding: 0;
    margin: 0;
}

body{
    background: #141414;
    color: #ffffff;
    font-family: "Satoshi-Regular";
}

header, footer{
    height: 10vh;
    display: flex;
    background: #303030;
    color: white;
}
header p a{
    text-decoration: none;
    color: #ffffff;
}

.center{
    margin: auto;
}

#canvas{
    min-height: 80vh;
}

.alignement{
	display: inline-block;
	vertical-align: top;
}
.input{
	width: 60%;
    min-width: 200px;
	font-size: 1.4em;
	margin-top: 2%;
	border: none;
	background: none;
	border-bottom: 1px solid black;
	color: black;
}
.link{
	color: inherit;
	text-decoration: none;
}.link:hover{
	text-decoration: underline;
}
.button{
	height: 50px;
	width: 300px;
	font-size: 20px;
}
button, input[type="submit"]{
    width: 200px;
    background: #1E1E1E;
    color: white;
    border: none;
}
button:hover, input[type="submit"]:hover{
    background: #33F7B7;
    cursor: pointer;
}
button.selected, input[type="submit"].selected{
	text-decoration: none;
    background: #33F7B7;
}
.reverse:hover{
	background: #272727;
}

.buttonA{
	height: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 100px;
}
.buttonB{
	height: 100%;
}
.buttonC{
	height: 30px;
}

.selected{
	text-decoration: underline;
}

.white{
    color: #ffffff;
}