h1 {
    text-shadow: 4px blue;
}
#hi {
    background-color: Coral;
}
#box {
    display: none;
    height: 500px;
    width: 500px;
    border: 5px ridge black;
}

#start {
    display: block;
    width: 200px;
    transition: width 2s;
}
#start:hover {
    width: 400px;
}
#submit {
    display: none;
    width: 200px;
    transition: width 2s;
    border: 13px ridge yellow;
    font-size: 17px;
    font-family: monospace;
}
#submit:hover {
    width: 400px;
}
#redp {
    display: none;
    color: red;
    font-size: 17px;
    font-family: fantasy;
}
#greenp {
    display: none;
    color: green;
    font-size: 17px;
    font-family: fantasy;
}
#bluep {
    display: none;
    color: blue;
    font-size: 17px;
    font-family: fantasy;
}
#red {
    display: none;
    border: 15px ridge red;
    font-family: sans-serif;
}
#green {
    display: none;
    border: 15px ridge green;
    font-family: sans-serif;
}
#blue {
    display: none;
    border: 15px ridge blue;
    font-family: sans-serif;
}
#response {
    display: none;
    font-size: 15px;
    font-family: monospace;
}
#try {
    display: none;
    width: 200px;
    transition: width 2s;
    border: 15px ridge Chartreuse;
    font-family: serif;
    font-size: 20px;
}
#try:hover {
    width: 400px;
}