/* clears default browser css*/
* {
  box-sizing: border-box; /* Makes sizing more predictable */
  margin: 0;
  padding: 0;
}

body {
    background-color: rgb(16, 23, 48);
    margin: 10px;
}


p {
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 16px;
    color:rgb(151, 183, 219);
    line-height: 1.2;
    text-indent: 20px;
    margin-bottom: 10px;
  
  
}

.info {

    font-size: 17px;
     margin-top: 3px;
     width: 350px;
     text-align: center;
     background-color: rgb(20, 37, 83);
     height: 580px;
     border: 25px solid transparent;
        border-image: url("../images/lace-border-1-hillhouse.png") 69 round;
        border-image-outset: 20px;
        color: rgb(163, 195, 223);
     position: relative;
     z-index: 2;
}

.title {
    text-shadow: 0 0 8px rgba(78, 179, 242, 0.491);
}

.rating {
    font-size: 25px;
}

.info img {
    margin-bottom: 13px;
    margin-top: 2px;
}


.container {
    position: relative;
    z-index: 1;
    margin-top: -580px;
    margin-left: 350px;
    width: 690px;
    height: 580px;
   background-color: rgb(40, 58, 108);
    padding: 10px;
    padding-left: 25px;
    padding-top: 10px;
    color: rgb(165, 190, 219)
   
}

.goback {
   margin-left: 205px;
    color: rgb(213, 229, 242);
}

a:hover {
     text-shadow: 0 0 8px rgba(131, 195, 234, 0.787);
}

.discussion {
    background-color: rgb(52, 72, 119);
    width: 650px;
    height: 526px;
    overflow: auto;
    padding: 20px;
    
}

.discussion a {
     color: rgb(194, 218, 237);
}