Collab

by Vince Richter

HTML

<br>
<div class="center-box" id="app">
  <h1>
    Learn To Code
  </h1>
</div>

<br>


<div class="container">

  <a href="#!" class="mybutton">HTML</a>

</div>

<div class="container">

  <a href="#!" class="mybutton">CSS</a>

</div>

<div class="container">

  <a href="#!" class="mybutton">JAVASCRIPT</a>

</div>

<div class="bob">
<h1>
hi
</h1>
</div>

CSS

* {
  font-family: mali;
}

.center-box {
  text-align: center;
  width: 400px;
  margin: 0px auto;
  border: solid black 2px;
  border-radius: 15px;
  box-shadow: 10px 10px 10px gray;
}

.button {
  border: solid black 2px;
  border-radius: 15px;
  box-shadow: 10px 10px 10px gray;
}

.container {
  text-align: center;
  width: 500px;
  height: 100px;
  margin: 0 auto;
}

.mybutton {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  background: #e74c3c;
  color: white;
  text-decoration: none;
  transition: all 1s;
  box-shadow: 10px 10px 10px gray;
}

.mybutton:hover {
  background: green;
  border-radius: 35px;
  transition: all 1s;
}

.bob{
  text-align: center;
  width: 400px;
  height: 100px;
  margin: 0 auto;
  border: solid black 2px;
  border-radius: 15px;
}