body {
    color:rgb(196, 255, 255);
    background-color:rgba(0, 0, 0, 0.788);
    max-width: 600px;
    margin: 0 auto;
}
p{
    font-size:30px;
    background-color:rgb(0, 75, 0);
    border:10px double gold;
    padding:20px;
    text-align:center;
    /* min-height:150px; */
}

h1{
    font-size: 50px;
}
    
    p,h1{
color:rgb(192, 133, 255);
    }
    
a {
color:gold;
text-decoration:line-through;
}

a:hover {
color:cornsilk;
}
/*  anything in this psuedoclass will change state of an element if a condition is applied to it(ie interaction etc) */

.special {
font-size: 66px;
}

.new {
background-color:brown
}