h1 {
  color: black;
  size: 120px;
  text-align: center;
  font-family: "Comic Sans MS";
    }

body {
  font-family: "Comic Sans MS";
  text-align: center;
    }

.toWhite{
    font-family:"Comic Sans MS";
    text-align: center;
    color: #f59393;
    background-color: white;
    border: 2px solid black;
    text-decoration:none;
    display: inline-block;
    margin:2px;
    }

.toAuguste{
    font-family:"Comic Sans MS";
    text-align: center;
    color: white;
    background-color: #fcb8c6;
    border: 2px solid black;
    text-decoration:none;
    display: inline-block;
    margin:2px;
    }

.toPierrot{
    font-family:"Comic Sans MS";
    text-align: center;
    color: black;
    background-color: white;
    border: 2px solid black;
    text-decoration:none;
    display: inline-block;
    margin:2px;
    }

.toHarlequin{
    font-family:"Comic Sans MS";
    text-align: center;
    color: #f59393;
    background-color: black;
    border: 2px solid #faf4b6;
    text-decoration:none;
    display: inline-block;
    margin:2px;
    }

.toTramp{
    font-family:"Comic Sans MS";
    text-align: center;
    color: red;
    background-color: white;
    border: 2px solid black;
    text-decoration:none;
    display: inline-block;
    margin:2px;
    }

.toJester{
    font-family:"Comic Sans MS";
    text-align: center;
    color: #f59393;
    background-color: #faf4b6;
    border: 2px solid #b4d8fa;
    text-decoration:none;
    display: inline-block;
    margin:2px;
    }


.toWhite:hover{
    cursor:pointer;
    }
.toAuguste:hover{
    cursor:pointer;
    }
.toPierrot:hover{
    cursor:pointer;
    }
.toHarlequin:hover{
    cursor:pointer;
    }
.toTramp:hover{
    cursor:pointer;
    }
.toJester:hover{
    cursor:pointer;
    }

.honk{
    border: none;
    background-color: white;
    }

.honk:hover{
    cursor:pointer;
    }
    
.viewBox{
  font-family:"Comic Sans MS";
  text-align:center;
  border: 3px dotted pink;
  height: 70px;
  width: 200px;
  margin: 3px;
}

    
.music{
  font-family:"Comic Sans MS";
  text-align:center;
  border: 5px solid yellow;
  height: 500;
  width: 200px;
  margin: 2.5px;
}