@font-face {

font-family: Nokja;

src: url(./nokja.woff2);

}

blockquote {

position: relative;

color: #ecf0f1;

background-image: linear-gradient(0deg, #c0392b, #e74c3c);

padding: +5px;

margin: 20px 0;

border-left: 5px solid #3498db;

font-style: italic;

font-size: 26px;

font-family: Nokja;

}

html {

background-image: linear-gradient(0deg, #3498db, #2c3e50, #2c3e50);

min-height: 100%;

}

body {

font-family: 'Courier New', Courier, monospace;

font-size: 16px;

line-height: 1.6;

background-color: #ecf0f1;

color: #34495e;

margin: 20px auto; /* Centering the body content and adding margin */

padding: 10px;

max-width: 800px; /* Limiting the maximum width of the body */

border-radius: 20px;

min-height: 100%;

}

img {

max-width: 80%; /* Ensuring images don't exceed the width of the body */

}

a:not(.imagelink):before {

content:"🌐 ";

}

a {

color: #007bff;

text-decoration: none;

transition: color 0.3s ease;

}

a:hover {

color: #c0392b;

}

pre {

background-image: linear-gradient(0deg, #c0392b, #e74c3c);

padding: 10px 15px;

font-size: 20px;

font-weight: 900;

font-family: monospace;

border-radius: 30px;

color: #ecf0f1;

}

img::after {

content: attr(alt); /* Displaying the alt attribute content */

position: absolute; /* Positioning the alt text */

bottom: 5px; /* Adjusting the position from the bottom */

left: 0; /* Aligning alt text to the left */

background-color: rgba(255, 255, 255, 0.8); /* Adding background color to improve readability */

padding: 2px 5px; /* Adding padding for better appearance */

font-size: 0.8em; /* Adjusting font size */

white-space: nowrap; /* Ensuring alt text doesn't wrap */

}

h1 {

font-family: 'Courier New', Courier, monospace;

color: transparent;

margin-bottom: 10px; /* Adding margin to the bottom of headings */

background-image: linear-gradient(12deg, #2c3e50, #3498db, #1abc9c); /* Rainbow gradient */

-webkit-background-clip: text; /* Clip text to the background's shape */

background-clip: text;

-webkit-text-fill-color: transparent; /* Make the text transparent */

}

h2, h3, h4, h5, h6 {

font-family: 'Courier New', Courier, monospace;

color: #34495e;

margin-top: 20px; /* Adding margin to the top of headings */

margin-bottom: 10px; /* Adding margin to the bottom of headings */

}

p {

margin: 10px 0; /* Adding margin to the top and bottom of paragraphs */

}