html {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body{
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom right, #1f1f1f, #7c7c7f);
  margin-left: 100px;
  margin-right: 100px;
  min-height: 100%;
}

.jumbotron{
  padding: 15px;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: white;
  border: 8px solid #9B9C9F;
  border-radius: 5px;
}

#imgJobdating{
  border-radius: 10px;
  width: 40%;
  height: 40%;
  margin-right: 50px;
}

#imgAtuxtu{
  width: 16%;
  height: 16%;
}

.dp{
  display: inline;
}

h1{
  margin-bottom: 20px;
  font-size: 4rem;
  font-family: 'Nunito', sans-serif;
}

h2 {
  font-size: 2rem;
  font-family: 'Nunito', sans-serif;
}

.ctrn {
  margin-left: 15%;
}

.center{
  text-align: center;
  margin-bottom: 30px;
}

p, li, label{
  font-size: 16px;
  text-align: justify;
  margin: 12px;
  font-family: 'Nunito', sans-serif;
}

.butAcces{
  background-color: #555555; /* Green */
  border: none;
  display:inline-block;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5px;
  margin-top: 40px;
}

.butAcces:hover{
    background-color: #2E2E2F;
    box-shadow: 3px 3px #a8a8a8;
}

ul{
  padding-left: 30px;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}