h1 {

font-family: fantasy;


}


h2 {
    
color: darkmagenta;
border-color: black;
border-style: dotted;
border-width: 3px;
    
    
    
}

body {
    width: 70%;
    margin: auto;
    
    
}

/* Lab 02 */

.box2 {
    margin: 5px;
    border: 3px solid green;
    background-color: #eaffea;
    padding: 10px 20px;
    border-radius: 15px;
    font-size: 20px;
    color: darkblue;
    text-align: center;
    font-family: 'Verdana', sans-serif;
}


.link2 {
    color: firebrick;
    font-weight: bold;
}

.link2:hover {
    color: seagreen;

}

/* Lab 03 */

.box3 {
    margin: 5px;
    border: 3px solid orange;
    background-color: cornsilk;
    padding: 10px 20px;
    border-radius: 15px;
    font-size:20px;
    color: purple;
    text-align: center;
    font-family: 'Lucida', monospace;
}


.link3 {
    color: blueviolet;
    font-weight: bold;
}

.link3:hover {
    color: fuchsia;

}

/* Lab 04 */

.box4 {
    margin: 5px;
    border: 3px solid violet;
    background-color: peachpuff;
    padding: 10px 20px;
    border-radius: 15px;
    font-size:20px;
    color: darkblue;
    text-align: center;
    font-family: cursive;
}


.link4 {
    color: deepskyblue;
    font-weight: bold;
}

.link4:hover {
    color: darkblue;

}

/* Lab 06 */

.box6 {
    margin: 5px;
    border: 3px solid  #4BA784 ;
    
    background-color: #82ed88;
    padding: 10px 20px;
    border-radius: 15px;
    font-size:20px;
    color: #6760A7;
    text-align: center;
    font-family: cursive;
}


.link6 {
    color: #902929;
    font-weight: bold;
}

.link6:hover {
    color:  #bf4cbf;

}


/* Lab 07 */

.box7 {
    margin: 5px;
    border: 3px solid  #9f4ba7 ;
    
    background-color: #c970c6;
    padding: 10px 20px;
    border-radius: 15px;
    font-size:20px;
    color: #5e57a7;
    text-align: center;
     font-family: Arial, sans-serif;
}


.link7 {
    color: #aa4159;
    font-weight: bold;
}

.link7:hover {
    color:  #3ecbd8;

}

/* Lab 08 */

.box8 {
    margin: 5px;
    border: 3px solid  #eaee5b ;
    
    background-color: #bcc6bc;
    padding: 10px 20px;
    border-radius: 15px;
    color: #3056FF;
    text-align: center;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 21px;
letter-spacing: -0.4px;
word-spacing: -0.8px;

font-weight: 700;
text-decoration: none solid rgb(68, 68, 68);
font-style: italic;

}


.link8 {
    color: #c474d8;
    font-weight: bold;
}

.link8:hover {
    color:  #4cbfb2;

}

/* Final Site link */

.final {
    margin: 10px;
    border: 5px solid  darkblue ;
    background-color: #b2c7e0;
    padding: 10px 20px;
    border-radius: 15px;
}

.animated-link {
    font-size: 30px;
    font-family:  'Poppins', sans-serif;
    font-weight: 700;
    color: #2d8e58;
    text-align: center;
    animation: bounce 1s infinite alternate;
}

.animated-link a {
    color: #1e90ff;
    font-weight: bold;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.animated-link a:hover {
    color: #ff1493;
    text-shadow: 2px 2px 8px rgba(255, 20, 147, 0.6);
}

@keyframes bounce {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}