/*
 * 2025-10-27 @ 12:30
 *
 * I'm supposed to be doing my college work
 * right now. I have to get a specific section
 * of the goals part of my college assignment
 * done by 13:00. Anyways, it's almost the
 * end of the year, I've added nice music
 * to the webpage, and I've switched back to
 * a more modern version of HTML. I'm also
 * really hoping that it gets cooler outside.
 * I prefer the weather at the end of the
 * year over the weather during the vast
 * majority of the year. When you live in
 * Florida for all your life, you start to
 * resent the heat. Where was I again?
 * Oh yeah. Something something college
 * assignment, something something
 * HTML5, blah blah blah. Just get this shit
 * done and style the fucking CSS further.
 */

@import 'fonts.css';

* {
    box-sizing: border-box;
    font-family: 'JetBrains-Mono', monospace;
}

#site-logo-home {
    width: 35%;
    height: auto;
}

div {
    width: 1024px;

    padding-top: 15px;
    padding-left: 0px;
    padding-bottom: 15px;
    padding-right: 0px;
    
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
}

figure img {
    width: 35%;
    height: auto;
}

nav {
	float: right;
}
 
nav img {
	vertical-align: text-bottom;
}


.container {
    padding: 0;
    min-height: 100;

    margin-top: 0px;
    margin-bottom: -70px;
    margin-left: auto;
    margin-right: auto;
}

/*div "main-cont" is for the main content on a particular webpage. It will be consistant across all pages.*/

.main-cont {
    text-align: center;
}

.socials img {
    height: 20px;
    width: auto;
}

/* div "unforgettable-luncheon" is not only a Simpsons reference, it's also the in-site title of a webpage */
.unforgettable-luncheon {
	padding-top: 30px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.socials {
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
}

.viewing-note {
    text-align: center;
    animation-name: attn;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

@keyframes attn {
	0% {color: rgba(255, 42, 0, 1.0);}
	50% {color: rgba(255, 42, 0, 0.0);}
	100% {color: rgba(255, 42, 0, 1.0);}
}

/*
    .buzz-meme {
        height: 50%;
        width: auto;
    }
    The image refused to resize, so I gave up and manually resized the image in GIMP. Pain in the fucking ass. 
*/

.file-photo img {
    width: 75%;
    height: auto;
}