@import url('https://fonts.googleapis.com/css?family=News+Cycle|Oswald');
/*@import url('https://fonts.googleapis.com/css2?family=Julee&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Handlee&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');

body {
  font-family: 'News Cycle', sans-serif;
  font-size: 25px;
}

h1 {
  font-family: 'Oswald', sans-serif;
  font-size: 40px;
}

h2 {
  font-family: 'Oswald', sans-serif;
  font-size: 30px;
}

h3 {
  font-family: 'Oswald', sans-serif;
  font-size: 25px;
}

/* Scholarships CSS */

body {font-size: 20px;}
H1 {font-size: 28px;}
H2 {font-size: 24px;}
H3 {font-size: 23px;}
H4 {font-family: 'Oswald', sans-serif; font-size: 22px;}
H5 {font-family: 'Oswald', sans-serif; font-size: 21px;}
strong {font-weight: bolder;}
footer {background-color: #eee; font-size: 18px; padding: 10px 10px;}
ul { list-style-type: square;}

/*.handwrite {font-family: 'Julee', cursive; font-size: 45px;}*/
/*.handwrite {font-family: 'Handlee', cursive; font-size: 45px;} */
/*.handwrite { font-family: 'Caveat Brush', cursive;  font-size: 45px;}*/
.handwrite { font-family: 'Caveat', cursive;  font-size: 45px;}

/* Text Treatments */
.text-lg {font-size: large; }
.text-xxs {font-size: xx-small;}
.text-xs {font-size: x-small;}
.text-sm {font-size: small;}
.text-smr {font-size: smaller;}
.text-sc {font-variant: small-caps;}
.sc {font-variant: small-caps;}
.callout {border-left: 5px solid #fdaf37; margin-left: 5%; margin-right: 5%; padding: 15px 20px; font-style: italic}

.st {font-size: 18px;}
.il {display: inline;}

.boxed {
  border-style: solid;
  margin: 15px 0;
  border-radius: 6px;
  border-color: #eee;
  padding: 15px 10px;
  background-color: #eee;
}
#winner-photo {
    width: 50%;
  }
  
.winner-photo {
    width: 50%;
    padding-right: 10px;
  }

.fade-in {
    animation: fadeInAnimation ease 4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media only screen and (min-width: 600px) {
  #logo {
    width: 25%;
  }
}

@media only screen and (max-width: 600px) {
  #winner-photo {
    width: 100%;
  }
.winner-photo {
    width: 50%;
  }
}