* {
    
    box-sizing: border-box;
}

body {
        font-family: "Source Sans Pro", Helvetica, sans-serif;
		background-color: rgba(204, 238, 228, 1);
		color: rgba(17, 16, 16, 0.65);
	}


.arrow {

    width:50px;
   
}

.arrow:hover {

    background-color:rgba(204, 238, 228, 1);
    border-radius: 50%;
    padding:2px;
}

a   {

     
       color:#3d3e3f;
       font-weight: bold;


    }

div {

    background-color: #fff;
    padding-top: 20px;
    padding:30px;
    width:80%;
    border-radius: 2.25px;
    margin-left:auto;
    margin-right: auto;
}

.info p {

        line-height: 0.75rem;
}

p {

    line-height: 1.5rem;
}

li {
    line-height: 1.5rem;
}

hr {
        height: 3px;
        width: 30%;
        display: inline-block;
        background-image: linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0);
}


@media (max-width: 768px) {
  hr {
    margin-left: auto;
    margin-right: auto;
    display: block;
        width: 100%;
  }

  h1, h2{

    text-align: center;
  }


}