@charset "UTF-8";

h1  {
	text-align: center;
	font-size: 8em;
	margin: 0;
	padding: 0;
}

body  {
	margin: 0;
	padding: 0;
}

p {
	font-size: clamp(12px, 1vw, 20px);
}

h2 {
	font-size: clamp(14px, 2vw, 24px);
}

.roundborder  {
	border-style: solid;
	border-width: 0px;
	border-color: black;
	border-radius: 100px;
	margin: 2%;
}

.widthsmall  {
	width: 30%;
}

.floatright  {
	float: right;
}

.clearfix  {
	overflow: auto;
}

.cinzel {
  font-family: "Cinzel", serif;
  font-weight: 400;
  font-style: normal;
}

 
 .center  {
 	text-align: center;
 }
 
 .physicsbackground  {
 	background-image: url('Images/physics.jpg');
 	background-color: #AAAAAA;
 	opacity: 0.25;
 }
 
 .greyOut  {
 	background-color: #AAAAAA44;
 }
 
 
 /* CODE FOR NAVBAR FROM W3 SCHOOLS*/
 /* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #222222;
  font-family: Cinzel;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 1.2em;
  color: rgb(255, 253, 242);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  margin: 0;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 1.2em;
  border: none;
  outline: none;
  color: rgb(255, 253, 242);
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a darker background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #111111;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #222222;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: rgb(255, 253, 242);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #111111;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/*My code again*/

.iconsize  {
	width: 5%;
	margin: 0;
	padding: 0;
}

.segment  {
	position: relative;
	background-color: #222222;
	margin: 0px;
	min-height: 200px;
	
}

.darkbkgtxt  {
	color: #CBCBBB;
	margin: 2%;
}

.quotebox  {
	background-image: url('Images/bamboo.jpg');
 	background-color: #CCCCCC;
 	background-size: cover;
 	opacity: 1;
 	width: 48%;
 	height: 300px;
 	margin: 2%;
}

.opaque  {
	color: rgba(0,0,0,1);
}

.halfwidth  {
	width: 45%;
}

.inlineblock  {
	display: inline-block;
}

.floatleft  {
	float: left;
}

.halfup  {
	position: absolute;
	top: 40%;
}

.vertcenter  {
	padding: 120px 0px;
}

.background  {
 	background-color: #CCCCCC;
 	background-size: cover;
 	opacity: 0.75;
}

.parallax {
  /* The image used */
  background-image: url("Images/Climbing-Hiking-Biking/Purple_flowers.jpg");
  opacity: 0.65;

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.centering {
	display: flex;
	justify-content: center; /* Centers horizontally */
	align-items: center; /* Centers vertically */
}

.image_circle_half  {
 	background-color: #CCCCCC;
 	background-size: cover;
 	opacity: 0.65;
 	width: 48%;
 	height: 300px;
 	width: 300px;
 	margin: 2%;
 	border-radius: 60%;
}

.sage {
  /* The image used */
  background-image: url("Images/Climbing-Hiking-Biking/Sage_leaves.jpg");
}

.purpleflower {
  /* The image used */
  background-image: url("Images/Climbing-Hiking-Biking/Purple_flowers.jpg");
}

.hydrangeas {
  /* The image used */
  background-image: url("Images/Climbing-Hiking-Biking/Hydrangeas.jpg");
}

.height  {
	height: 300px;
}

a  {
	text-decoration: none;
}
.block  {
	display: block;
}

.paddingup  {
	padding: 80px 0px 0px 0px;
}

.tar  {
	text-align: right;
}

.tal  {
	text-align: left;
}

.shiftleft  {
	margin-left: 0;
	padding-left: 0;
}

.indent  {
	text-indent: 2em;
}

.yosemite {
  /* The image used */
  background-image: url("Images/Climbing-Hiking-Biking/Yosemite.jpg");
}

.littleme {
  /* The image used */
  background-image: url("Images/Climbing-Hiking-Biking/Little_me.jpg");
}

/* Carousel Container*/

.carousel  {
	width: 100%;
	overflow: hidden; /* hides overflowing slides*/
	margin: auto;
}

/* Slides container*/

.slides  {
	display: flex;
	flex: 0 0 100%;
	transition: transform 0.5s ease; /* smooth sliding animation */
}

.slides img {
	width: 100%;
	flex: 0 0 100%;
	height: auto; /* maintain aspect ratio */
	flex-shrink: 0
}

.carousel-btn {
	position: absolute;
	top: 50%;
	background: rgba(0,0,0,0.5);
	color: white;
	border: none;
	padding: 8px 12px;
	border-radius: 10px;
	cursor: pointer;
	z-index: 10;
}

.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

.carousel-btn.prev {
	left: 2.5%;
}

.carousel-btn.next {
	right: 31.5%;
}

.slides p {
	width: 100%;
	margin: auto;
}

.scifair {
  /* The image used */
  background-image: url("Images/namewall.jpg");
}

.mun {
  /* The image used */
  background-image: url("Images/munpic.jpg");
}

.violin {
  /* The image used */
  background-image: url("Images/violin.jpg");
}

.widthbig {
	width: 70%;
}

.margin {
	margin:2%;
}

.msef {
  /* The image used */
  background-image: url("Images/MSEF2025.jpg");
}

.pdfdimensions {
	width: 70vw;
	height: calc(2*70vw);
	max-height: 100vh;
}

.nsf {
  /* The image used */
  background-image: url("Images/nsf.jpg");
}

.msefM {
  /* The image used */
  background-image: url("Images/msefM.jpg");
}

.GA {
  /* The image used */
  background-image: url("Images/GA.jpg");
}

.sdgs {
  /* The image used */
  background-image: url("Images/sdgs.jpg");
}

.bikingprov {
  /* The image used */
  background-image: url("Images/bikingprov.jpg");
}

.fitscreen {
	max-width: 100vw;
	max-height: 100vh;
}

.textc {
	text-align: center;
}

.violin2 {
  /* The image used */
  background-image: url("Images/violin2.jpg");
}

.cs {
  /* The image used */
  background-image: url("Images/cs.jpg"); /*CREDITS: https://www.uregina.ca/science/computer-science/index.html*/
}

.darkbkgtxt.textc {
  display: block;
  flex-shrink: 0;
  white-space: normal;
}

.widthfull {
	width: 100%;
}

.french {
  /* The image used */
  background-image: url("Images/baguette.jpg"); /*CREDITS: https://www.kingarthurbaking.com/recipes/classic-baguettes-recipe*/
}

.hum {
  /* The image used */
  background-image: url("Images/hum.jpg"); /*CREDITS: https://www.findcourses.co.uk/inspiration/hobby-fun-leisure-articles/the-importance-of-literature-in-modern-society-17411*/
}

.physics {
  /* The image used */
  background-image: url("Images/phys.jpg"); /*CREDITS: https://praxilabs.com/en/blog/2019/05/06/3-most-important-physics-equations-in-history/*/
}

.math {
  /* The image used */
  background-image: url("Images/math.jpg"); /*CREDITS: https://news.harvard.edu/gazette/story/2022/11/the-myth-of-the-math-person/*/
}

.stem1 {
  /* The image used */
  background-image: url("Images/stem1.jpg"); /*https://girlstakethelead.org/blog/what-is-a-stem-career/*/
}

.stem2 {
  /* The image used */
  background-image: url("Images/stem2.png"); /*CREDITS: https://www.brainenergysupportteam.org/archives/64936*/
}

.grief {
  /* The image used */
  background-image: url("grief.jpg"); /*CREDITS: https://www.drjimcollins.com/managing-grief-through-6-stages/*/
}

.ideas {
  /* The image used */
  background-image: url("ideas.jpg"); /*CREDITS: https://www.businessbalancesheet.com/converting-ideas-to-ideas/*/
}

.romance {
  /* The image used */
  background-image: url("romance.jpg"); /*CREDITS: https://www.goodfon.com/mood/wallpaper-nastroeniya-ruki-serdce.html*/
}

.pain {
  /* The image used */
  background-image: url("pain.jpg"); /*CREDITS: https://www.theguardian.com/global-development/2017/nov/24/rules-of-war-urgent-review-civilian-deaths-record-high*/
}

.unnerving {
  /* The image used */
  background-image: url("unnerving.jpg"); /*CREDITS: https://unsplash.com/photos/an-empty-street-at-night-with-a-street-light-kKPVg0qdDiQ*/
}

.oddities {
  /* The image used */
  background-image: url("oddities.jpg"); /*CREDITS: https://www.etsy.com/listing/270257407/50-mixed-target-marbles-58-16mm-diameter?dd_referrer=https%3A%2F%2Fwww.google.com%2F*/
}
