#hi {
    background-image: url(chalkboard.png);
    background-position: center -10px;
    background-color: black;
    background-repeat: no-repeat;


}

#go-in {
    display: block;
    margin: auto;
    border: 15px ridge green;
    color: blue;
    font-size: 30px;
    font-family: cursive;
    width: 500px;
    transition: width 2s;
}

#go-in:hover {
    width: 1000px;
    border: 15px ridge chocolate;
}

#form {
    background-color: green;
    border: 30px ridge blue;
    display: none;
    margin: auto;
}

#r {
    border: 15px ridge DarkOrange;
    background-color: yellow;
    text-align: center;
    font-family: monospace;
    display: none;

}

#bbutton {
    color: DarkMagenta;
    display: none;
    border: 15px ridge red;
    margin: auto;
    font-size: 25px;
    font-family: cursive;
    width: 500px;
    transition: width 2s;
}

#bbutton:hover {
    width: 1000px;
    border: 15px ridge darkmagenta;
}

#ebutton {
    color: DarkTurquoise;
    display: none;
    border: 15px ridge Crimson;
    margin: auto;
    font-size: 25px;
    font-family: cursive;
    width: 300px;
    transition: width 2s;
}

#ebutton:hover {
    width: 500px;
    border: 15px ridge AntiqueWhite;
}

#eform {
    background-color: Crimson;
    border: 30px ridge green;
    display: none;
    margin: auto;
}

#link {
    background-color: DeepPink;
    border: 15px ridge GreenYellow;
    display: none;
    margin: auto;
    text-align: center;
    font-size: 30px;
    position: relative;
}

#time {
    display: none;
    margin: auto;
    text-align: center;
    background-color: LightSteelBlue;
    border: 15px ridge aqua;
    font-size: 30px;
    font-family: monospace;
}

#wlink {
    display: none;
    margin: auto;
    font-family: cursive;
}

#green {
    color: Navy;
    background-color: green;
    display: none;
    text-align: center;
    margin: auto;
    font-size: 30px;
    border: 15px ridge Magenta;
}

#purple {
    color: pink;
    background-color: purple;
    text-align: center;
    display: none;
    font-size: 20px;
    border: 20px ridge pink;
    font-family: cursive;
    position: relative;
}

#k {
    background-color: yellow;
    text-align: center;
    font-family: monospace;
    margin: auto;
    display: none;
    border: 15px ridge Chartreuse;
    font-size: 35px;

}

#space8 {
    display: block;
    border-color: yellow;
    font-family: monospace;
    font-size: 18px;
    background-color: orange;
    margin: auto;
    text-align: center;
    border-style: ridge;
    border-width: 10px;
    margin-top: 400px;
}

#code {
    color: yellow;
}

#magician {
    border: 20px ridge pink;
    display: block;
    margin: auto;
}

#coming {
    color: white;
    font-size: 23px;
}

#ups {
    color: white;
    display: none;
    margin: auto;
    text-align: center;
}

#inf {
    color: white;
    display: none;
    margin: auto;
    text-align: center;
    font-size: 25px;
}

#response {
    color: white;
    display: none;
    margin: auto;
    text-align: center;
    font-size: 25px;
}

#Username {
    display: none;
    margin: auto;
    text-align: center;
    font-size: 35px;
}

#inf1 {
    color: white;
    display: none;
    margin: auto;
    text-align: center;
    font-size: 25px;
}

#inf2 {
    color: white;
    display: none;
    margin: auto;
    text-align: center;
    font-size: 25px;
}

#inf3 {
    color: white;
    display: none;
    margin: auto;
    text-align: center;
    font-size: 25px;
}

#inf4 {
    color: white;
    display: none;
    margin: auto;
    text-align: center;
    font-size: 25px;
}

#ups {
    text-align: center;
    margin-top: 300px;
}

#usb {
    font-size: 35px;
    width: 200px;
    transition: width 2s;
    border: 15px ridge blueviolet;
}

#usb:hover {
    width: 400px;
    border: 15px ridge aquamarine;
}

#codeb {
    font-family: monospace;
    font-size: 27px;
    display: block;
    margin: auto;
    border: 15px ridge Crimson;
    width: 300px;
    transition: width 2s;
}

#codeb:hover {
    width: 500px;
    border: 15px ridge chartreuse;
}

#mrcode {
    display: none;
    margin: auto;
    border: 20px ridge green;
}

#codey {
    color: DarkOrange;
}

#Password {
    display: none;
    margin: auto;
    font-size: 35px;
}

#phone {
    display: none;
    margin: auto;
    font-size: 23px;
    border: 20px ridge blue;
    text-align: center;
    background-color: Gold;
}

#change {
    display: none;
    color: black;
    border: 10px ridge yellow;
    width: 100px;
    transition: width 2s;
}

#change:hover {
    width: 200px;
    border: 10px ridge blue;
}

.form {
    margin-left: 100px;
    display: none;
    width: 500px;
    height: 500px;
}

#images {
    display: none;
    border: 10px green ridge;
    margin-left: 50px;
}