/* 
Name: Klajdi Bicaku
Course: ITWP 1050
Assignment: Module 4 - Homework 3
*/

/* Import custom font */
@font-face {
    font-family: 'MyCustomFont';
    src: url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2') format('woff2');
}

/* Page background */
body {
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(to right, #4facfe 0%, #00f2fe 50%, #43e97b 100%);
    margin: 0;
}

/* Header styling */
header {
    text-align: center;
    background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.5));
    color: white;
    padding: 20px;
}

/* Main content */
main {
    background-color: white;
    margin: 20px auto;
    padding: 20px;
    border-radius: 10px;
    max-width: 900px;
    line-height: 2;
}

/* H1 styling with ALL required properties */
h1 {
    font-family: 'MyCustomFont', Arial, sans-serif;
    text-decoration: underline;
    letter-spacing: 2px;
    font-variant: small-caps;
    white-space: nowrap;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

/* Section headings */
h2 {
    color: #333;
}

/* Paragraph styling */
p {
    letter-spacing: 1px;
}

/* First image */
img {
    width: 100%;
    max-width: 600px;
    display: block;
    margin: 20px auto;
    border-radius: 10px;
}

/* Second image styled differently */
.second-image {
    border: 4px solid #333;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.5);
    transform: rotate(-2deg);
}

/* Footer */
footer {
    text-align: center;
    color: white;
    padding: 10px;
}