style.css

body{
    
}
table{
    border-collapse: collapse;
    border:1px solid black;
}
table tr{
    border: 1px solid black;

}
td{
    padding:15px;
}
td a{
    text-decoration: none;
    color: orangered;
}
a:hover{
    color: blue;
}
@media only screen and (max-width: 1100px){
    body{
        overflow: auto;
    }
}
.popup{
    position: absolute;
    top: 40%;
    width: 70vw;
    text-overflow: wrap;
    left: 40%;
    display: none;
    background-color: coral;
    color: black;
    font-size:0.9em;
    border:1px solid black;
    box-shadow: 1px 1px 3px 1px black;
    z-index:1;
}
td.haspopup{
    position: relative;
}
td.haspopup:hover > .popup {
    display: inline;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}
.details h1 {
    color: red;
}