/* Initial Theme:
  Background: #221f27

  Page Header --
  Text color: #e8e9eb
  Border: #e4b363
  Text shadow: #d3874e

  Assignment Section --
  Background: #fff4de
  
  Assignment Section h2 --
  Text color: #663735
  Text shadow: #ffb791
  
  Assignment List --
  Text color: #563820

  Anchor Tag --
  Default Color: #ff5f5c
  Active: #e59e39
  Hover: #ff8c27


*/


@font-face {
    font-family: space;
    src: url("/fonts/space age.ttf");
}

@font-face {
    font-family: "harvest";
    src: url("/fonts/HarvestSeason.otf")
    /* src: url("/fonts/FallHarvest.ttf") */
}

/* CSS Variables for Colors */
:root {
  
  --background-color: #0B192C;

  --page-header-text: #FF6500;
  --page-header-shadow: #1E3E62;
  --page-header-border: #ECDFCC;

  --assignment-sec-back: #000000;
  --assignment-sec-border: #486383;
  --assignment-sec-border-type: Ridge;

  --assignment-sec-header-text: #ECDFCC;
  --assignment-sec-header-shadow: #FF6500;

  --assignment-list-color: #ECDFCC;

  --anchor-tag-color: #F2613F;
  --anchor-tag-active: #EEE4B1;
  --anchor-tag-hover: #FDAF7B;

  /*  ******* */

  --background-color-end: #d5bf9e;

  --page-header-border-type: ridge;
  --page-header-border-weight: 20px;
  --page-header-background-color-1: #003059;
  --page-header-background-color-2: #dad7cd;

  --assignment-sec-border-weight: 5px;
  --assignment-sec-border-roundness: 30px;
  --assignment-sec-shadow: #055C91;

  --assignment-sec-header-text: #055C91;
  --assignment-sec-header-shadow: #002347;

}


*{
    /* border: 2px solid red; */
    padding: 0;
    margin: 0;
}

body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    /*background-image: linear-gradient(var(--background-color), var(--background-color-end)); */
    /* background-image: url("https://images.unsplash.com/photo-1482003297000-b7663a1673f1?q=80&w=2487&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"); */
    /* background-image: url("images/Snowy Mountain Sunset.jpg"); */
    /* background-image: url("https://i.pinimg.com/originals/14/95/7c/14957c45d83d8c19507eb65a594fa090.png"); */
    /* background-image: url("https://hips.hearstapps.com/hmg-prod/images/three-leaf-clover-backgrounds-shamrock-royalty-free-image-1643738833.jpg"); */
    /* background-image: url("https://img.freepik.com/free-vector/speed-lights-background-concept_23-2148625267.jpg?t=st=1746420237~exp=1746423837~hmac=1e5114609ebf1f1cfa95f2bf853d4908020759acf0e3bc361142e87fa97133a8&w=996"); */
    /* background-image: url("/images/backgrounds/jack-o-lanterns.jpg"); */
    background-image: url("/images/backgrounds/Snowy-Mountain-Sunset.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
}

.page-header{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}    

.page-title {
    font-family: harvest;
    /* , "space", "GrilledCheese BTN", sans-Dserif; */
    font-family: "Candy", sans-Dserif;
    font-size: 5.5rem;
    font-size: clamp(1.25rem, 5vw, 5.5rem); 
    font-weight: 900;

    color: var(--page-header-text);
    
    width: fit-content;
    text-shadow: 4px 4px 1px var(--page-header-shadow);
    text-shadow: 0.125rem 4px 1px var(--page-header-shadow);
    text-shadow: clamp(0.0625rem, 0.25vw, 0.25rem) clamp(0.0625rem, 0.25vw, 0.25rem) 0px var(--page-header-shadow);
    
    border: var(--page-header-border-weight) var(--page-header-border-type) var(--page-header-border);
    border-radius: 15px;
    background-image: linear-gradient(var(--page-header-background-color-1), var(--page-header-background-color-2));
    opacity: .95;
    
    /* margin: auto; */
    margin-top: 20px;
    padding: 15px 25px;
}

nav{
    font-size: 2rem;
    background-color: var(--page-header-background-color-1);
    color: var(--page-header-background-color-2);

    border-radius: 10px;
    padding: 0.25em 0.5em;
    margin-top: 1em;
}

nav a{
    color: var(--page-header-background-color-2);
}

.second-title {
  font-style: italic;
  font-size: 15px;
  text-align: center;
  color: var(--assignment-sec-header-text);
  text-shadow: 2px 2px 0 var(--assignment-sec-header-shadow);
  background-color: #170a0ac5;
  width: fit-content;
  margin: auto;
  padding: 5px 15px;
  border-radius: 15px;
}

.proper-heading-image{
    display: none;
    height: 40rem;
}

.assignment-header{
  display: flex;
  justify-content: space-between;

  border-bottom: var( --assignment-list-color) solid 0.25em;
  padding: 0 1em;
}

.assignment-date{
  order: 1;
}

.assignment-section {
  display: flex;
  flex-direction: column;
  /* gap: 10px; */

  font-family: "Almendra", serif;
  font-size: 1.25rem;

  margin: 2% auto;
  background-color: var(--assignment-sec-back);
  width: 50%;
  border: var(--assignment-sec-border-weight) var(--assignment-sec-border-type) var(--assignment-sec-border);
  padding: 15px;
  border-radius: var(--assignment-sec-border-roundness);
  box-shadow: 7px 7px 3px var(--assignment-sec-shadow);
  transition: 0.5s;
}

.assignment-section h2 {
  font-family: "Faculty Glyphic", sans-serif;
  color: var(--assignment-sec-header-text);
  text-shadow: 2px 2px 0 var(--assignment-sec-header-shadow);
}

.assignment-section:hover {
  transform: scale(1.1);
  box-shadow: 10px 10px 20px var(--assignment-sec-shadow);
}

.assignment-list {
  list-style: none;
  font-size: 1.5rem;
  color: var(--assignment-list-color);
}

.assignment-item{
  padding: 1em 0 0 1em;
}

.assignment-list:last-child{
  padding-bottom: 0.5em;
}

.assignment-period{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 2rem;
  margin-top: 1em;
  text-decoration: underline;
}

ol {
  color: var(--assignment-list-color);
  font-family: "Candy Round BTN";
}

a {
  color: var(--anchor-tag-color);
  transition: 0.5s;
  font-family: "Faculty Glyphic", sans-serif;
  font-weight: 300;
}

a:active {
  color: var(--anchor-tag-active);
}

a:hover {
  color: var(--anchor-tag-hover);
}

span{
  font-weight: 900;
}