body{
  background-image:url("opa-bg.png");
  background-color:#83da00;
  color:#507400;}
  



.links-hero{

background:#00b75c;
padding:70px 20px;
text-align:center;
border-bottom:6px solid white;
background-image:url("opa-bg.png");
border-style: dashed;
border-width:3px

}

.links-title{

font-family:"Whisper",cursive;
font-size:5rem;
color:black;
text-shadow:4px 4px rgba(0,0,0,.25);

}

.links-subtitle{

font-family:"Edu VIC WA NT Hand",cursive;
font-size:1.8rem;
color:white;

}
 .links-style{
 text-decoration: line-through;
 
   
   
   
   
   }
/* unvisited link */
a:link {
  color: hotpink;
}

/* visited link */
a:visited {
  color:#277400 ;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: black;
}
/*========================================
        BROWSER WINDOWS
========================================*/

.browser-window{

background:#f8fbff;
border:5px solid white;
box-shadow:10px 10px rgba(0,0,0,.20);
margin-bottom:60px;

}

.window-bar{

background:#badd1e;
color: hsl(90, 58%, 16%);
padding:12px 20px;
font-family:"Bebas Neue",sans-serif;
font-size:2rem;
letter-spacing:2px;

}

.window-content{

padding:30px;


}

/*WEBSITE CARDS*/

.website-card{

background:hsl(90, 58%, 86%);
padding:20px;
border:3px solid lightgrey;
text-align:center;
box-shadow:6px 6px rgba(0,0,0,.15);
transition:.3s;

}

.website-card:hover{

transform:translateY(-8px);

}

.website-card img{

margin-bottom:20px;
border:3px solid white;

}

.website-card h3{

font-family:"Bebas Neue",sans-serif;
color:hsl(90, 58%, 15%);
font-size:2rem;

}
.vist{
  color:black;}

.website-card p{

font-family:"Edu VIC WA NT Hand",cursive;
color:#444;

}

.website-card a{

text-decoration:none;
font-family:"Bebas Neue",sans-serif;
font-size:1.2rem;
color:#3b6fa5;}

.navbar{

    background:
    linear-gradient(
    to bottom,
    hsl(90, 89%, 27%),
    hsl(90, 58%, 15%)
    );

    border-bottom:3px dashed hsl(90, 100%, 44%);

    box-shadow:
    0 0 20px hsl(90, 100%, 100%);

    padding:15px;

}

.navbar-brand{
    font-family:"Whisper", cursive;
    font-size:3.5rem;
    color:white;
    text-shadow:
    0 0 15px hsl(90, 89%, 91%);
}

.nav-link{
    color:white ;
    font-family:"Oswald",sans-serif;
    font-size:1.3rem;
    letter-spacing:2px;
    margin-left:20px;
    transition:.35s;
}

.nav-link:hover{
    color:white;
    transform:rotate(-3deg);
    text-shadow:
    0 0 12px hsl(90, 89%, 91%);
}
footer{
    
    background:
    linear-gradient(
    to bottom,
    hsl(90, 89%, 27%),
    hsl(90, 58%, 15%)
    );

    border-bottom:3px dashed hsl(90, 100%, 44%);

    box-shadow:
    0 0 20px hsl(90, 100%, 100%);

    padding:15px;
}
footer h3{
  text-shadow:
  0 0 18px #000000;
  color:white;
}
footer p{
    color:#dddddd;
    font-size:1.2rem;

}