@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');
@import url('https://fonts.googleapis.com/css?family=PT+Sans');

*{
    margin: 0;
    padding: 0;
}
header{
    width: 100%;
    background: #231651;
    color: #4DCCBD;
    height: 60px;
    display: block;
    text-align:center;
    padding-top: 20px;
}
h1{
    font-family: 'Press Start 2P', cursive;
}
#tools{
    float: right;
    position: absolute;
    top: 20px;
    right: 150px;
    padding: 10px;
}
body{
    background: #D6FFF6;
    font-family: 'PT Sans', sans-serif;
}
#content{
    width: 1200px;
    height: 800px;
    margin: 20px auto;
    border: 1px solid #FF8484;
}
#pixels{
    background: #2374AB;
}
#pixels table{
    border-collapse: collapse;
}
#pixels table td{
    width: 10px;
    height: 10px;
   /* border: 1px solid #EEE;*/
}

.btn{
    border: 1px solid #FF8484;
    background: #4DCCBD;
    border-radius: 5px;
    width: 120px;
    height: 30px;
    color: #231651;
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
}

.active{
    opacity: 0.7;
}