view_style.css

* {
	
	
  margin: 0;
  padding: 0;
}

body {
  background-image: url(sudo.jpg);
  width:cover;
  height:cover;
  display: flex;
  justify-content:center;
  align-items:center;
  transform:translate(5%,0%);
}

ul,
li {
  list-style: none
}

.table-body {
  background-color: white;
  border: #000000;
  color: black;
  margin-top:10px;
  height:650px;
}

.every {
  background-color: black;
  width: 600px;
  height:670px;
  margin: 0 auto;
  border:1px solid white;
  border-radius: 10px;
  padding:15px;
  transform:translate(0%,10%)
}

.every ul{display:flex;padding:10px;}
.every .label{width:100px;}
.every .description{width:calc(100% - 100px);}

h2 {
  color: white;
}
button{
  padding: 10px 18px;
  /*background: #7F00FF;*/
  border:1px solid black;
  border-color: #000000;
  color: black;
  border-radius: 30px;
  font-size: 15px;
  text-decoration: none;
  font-weight: bold;
  transform:translate(-950%,1100%);
  
}
.ohyeah{
  padding: 10px 18px;
  /*background: #7F00FF;*/
  border:1px solid black;
  border-color: #000000;
  color: black;
  border-radius: 30px;
  font-size: 15px;
  text-decoration: none;
  font-weight: bold;
  transform:translate(-650%,1100%);
  
}
.hellyeah{
  padding: 10px 18px;
  /*background: #7F00FF;*/
  border:1px solid black;
  border-color: #000000;
  color: black;
  border-radius: 30px;
  font-size: 15px;
  text-decoration: none;
  font-weight: bold;
  transform:translate(-1450%,1100%);
  
}