/*****CSS*******/


  body{

       font-family: 'Bebas Neue',cursive;

	   font-size: 40px;

	   text-align: center;

	   background-color: rgb(232, 129, 101);

  }

  h1{

  color:rgb(255, 255, 255);

  }



.styled {

    border: 0;

    line-height: 2.5;

	font-size: 25px;

    padding: 0 20px;

	font-family: bebas neue;

	font-family: bebas neue;

    text-align: center;

    color: #FFF;

    text-shadow: 0px 0px 0px #000;

    border-radius: 15px;

    background-color: rgb(232, 129, 101);

    background-image: linear-gradient(to top left,

                                      rgba(0, 0, 0, .2),

                                      rgba(0, 0, 0, .2) 30%,

                                      rgba(0, 0, 0, 0));

    box-shadow: inset 2px 2px 3px rgba(30,30,30,.0),

                inset -2px -2px 3px rgba(0,0,0,.0);

}

.styled:hover {

    background-color: rgba(30,0,0,.6);

}

.styled:active {

    box-shadow: inset -2px -2px 3px rgba(30,30,30,6),

                inset 2px 2px 3px rgba(0,0,0,.6);

}





#logo

{

    display: flex;

    justify-content: space-between;

    align-items: center;

}