/*****************************************************/
/************ CSS Stylesheet for Portfolio ***********/
/*****************************************************/







/*****************************************************/
/****************** BACKGROUNDS **********************/
/*****************************************************/
/* Background Image */
.background {
    background-image: url('src/photos/pexels-codioful-7135008.jpg');
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    object-fit: fill;
    background-repeat: no-repeat;
}


/*****************************************************/
/************ ALIGNMENTS AND POSITIONS ***************/
/*****************************************************/
/* Text Alignments */
.centered {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    overflow-x: scroll;
}
/*****************************************************/
/****************  AESTHETIC THINGS    ***************/
/*****************************************************
/* Prettier Buttons */
.pretty-btn1 {
    background-color: #91773a;
}

/* Fonts */
.title-font {
    font-family: "Helvetica-Blue";
}

.pretty-text {
    color: rgb(246, 247, 242)
}

.cream-text {
    color: rgb(255, 255, 254)
}

/* Icons */
.folder-icon {
    background-image: url('src/photos/material-symbols--folder.svg');
    background-size: small;
    background-repeat: no-repeat;
    align-items: flex-start;
}

.patreon {
    background-image: url('src/photos/PATREON_Lockup_Horizontal_BLACK_RGB.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.youtube {
    background-image: url('src/photos/yt_logo_fullcolor_almostblack_digital.png');
    background-size: contain;
    background-repeat: no-repeat;
}

/* Make footer look better */
footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #1d1313;
  color: white;
  text-align: center;
  padding: 10px 0;
}   


/*****************************************************/
/************ LIGHT AND DARK THEME DEFINED ***********/
/*****************************************************/
/* Dark Theme Definitions */