body { 
    overflow-x: hidden;
    background-image: url("/Photos/purpleshapes.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
    background-size: 100vw 40vw;
    background-color:#ffffff;
    font-size: 100%;
    }

#slideshow {
  overflow: hidden;
  height: 250px;
  width: 512px;
  margin: 0 auto;
}

.slide-wrapper {
 /* width: 4096px;*/
  width: 2048px;
  -webkit-animation: slide 18s ease infinite;
  -moz-animation: slide 18s ease infinite;
}

.slide {
  float: left;
  height: 250px;
  width: 512px;
  /*height: 500px;
  width: 1024px;*/
}

.slide:nth-child(1) {
  background-image: url("/Photos/featureApptick.jpg");
  background-size:contain;
}

.slide:nth-child(2) {
  background-image: url("/Photos/petfeederpic.jpg");
  background-size:contain;
}

.slide:nth-child(3) {
  background-image: url("/Photos/earthquakepredpic.jpg");
  background-size:contain;
}

.slide:nth-child(4) {
  background-image: url("/Photos/unixshellpic.jpg");
  background-size:contain;
}

@-webkit-keyframes slide {
  20% {margin-left: 0px;}
  30% {margin-left: -512px;}
  50% {margin-left: -512px;}
  60% {margin-left: -1024px;}
  70% {margin-left: -1024px;}
  80% {margin-left: -1536px;}
  90% {margin-left: -1536px;}
}

.main { 
    text-align:center;
    /*font-size:25px;*/
    font-size: 1.5625em;
    padding-bottom:2vw;
    font-family:GaruteLight, Arial, sans-serif; 
    }
    
.list {
    text-align:left;
    padding: 1.5vw 4vw 4vw;
   /* font-size:40px;*/
    font-size: 1em;
    font-family:GaruteRegular, Arial, sans-serif;
    margin: auto;
}

.homepage {
    text-align:center;
    /* font-size:40px;*/
    font-size: 2.5em;
    font-family:GaruteLight, Arial, sans-serif; 
    padding: 2vw;
    }
    
.header { 
    text-align:center;
    /* font-size:40px;*/
    font-size: 2.5em;
    margin: 0vw -2vw 2vw;
    font-family:NextArtThin, Tahoma, Geneva, sans-serif; 
    color: #7e75d7;
    text-transform: uppercase;
    }
    
.project-title {
    text-align:center;
    /* font-size:35px;*/
    font-size: 2.3em;
    font-family:QuicksandRegular, "Arial Black", sans-serif;
    margin:auto;
    padding:2vw 1vw;
}
.center-text {
   margin: 1vw;
   text-align: center;
}
/*.title {
    text-align:center;
    font-size: 1.875em;
    font-family:QuicksandBold, "Arial Black", sans-serif;
    margin:auto;
    margin-bottom:2vw;
    padding-top:2vw;
}*/

.title {
    text-align:center;
    /* font-size:90px;*/
    font-size: 2.5em;
    font-family:NextArtRegular, Tahoma, Geneva, sans-serif;
    margin: 2vw 1vw 0vw;
    color:#4135b1;
    text-transform: uppercase;
}
.emphasis {
    font-family: NextArtRegular, Tahoma, Geneva, sans-serif;
    color: #7e75d7;
    /*font-size:93.5px;*/
    font-size: 1.07em;
    /*font-size: 5.84375em;*/
    margin: -.5vw;
}

.feature-text {
    text-align:center;
    /* font-size:25px;*/
    font-size: 1.5em;
    text-indent: 50px;
    margin:0 3vw;
    padding-bottom:3vw;
    font-family:GaruteLight, Arial, sans-serif; 
}

h1 {
    text-align:center;
    /* font-size:90px;*/
    font-size: 5.625em;
    font-family:NextArtThin, Tahoma, Geneva, sans-serif;
    margin: 2vw -2vw 0vw;
    color:#4135b1;
    text-transform: uppercase;
}

h2 {
    text-align:center;
    /* font-size:90px;*/
    font-size: 2.5em;
    font-family:NextArtThin, Tahoma, Geneva, sans-serif;
    margin: 2vw -2vw 0vw;
    color:#4135b1;
    text-transform: uppercase;
}


.blog-pic {
  width: 40vw; 
  margin: 0 auto; /* Center the image */
  display: block;
}

figcaption {
  font-family:GaruteLight,sans-serif;
}


p {
  font-family:GaruteRegular,Arial,sans-serif;
}

li {
 font-family:GaruteRegular,Arial,sans-serif;
}
.nav {
    width: 104%;
	float: left;
	margin: 0 0 2vw -1vw; 
  /*  outline: solid #6d62d0 10px; */
    background-color:#6d62d0;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    text-transform: uppercase;
    justify-content: space-between;
}


/* https://cssnewbie.com/full-width-centered-navigation-bar/#.W6bUIhNKhdg */
.nav ul {
    list-style: none;
	width: 80vw;
	margin: 0 auto;
	padding: 0; 
}
	
.nav li {
    float: left;
}

.nav a {
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
   font-size:5vw;
    font-family:OstrichMedium, Tahoma, Geneva, sans-serif;
    padding:2vw 3vw;
}


.nav a:hover {
    background-color: #4135b1;
}

.nav a:active {
    background-color: #7e75d7;
}

.nav .current {
    background-color: #4135b1;
}

.google-form {
    width:66vw;
    height:880px;
}
.whitebox {
    margin: auto;
    width: 66vw;
    padding: 1vw;
    background: radial-gradient(#ffffff,#ffffffd7,#ffffff93,#ffffff02);
    }
    

    
.logo,.slogo {
    height:5vw;
    display:block;
    margin-left: auto;
    margin-right: auto;
    }
    
.logo {
    padding-top:5vw;
    height:14vw;
    }
    
.photo {
    display:block;
    margin-left: auto;
    margin-right: auto;
    height:35vw;
    padding-bottom:5vw;
    }    

.cr {
    font-size:12px;
    text-align:center;
    font-family:GaruteRegular, Arial, sans-serif;
}
   
.back-to-list {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 14px;
    font-family:GaruteRegular, Arial, sans-serif;
    text-decoration: none;
    color: #4135B1; /* Change to your preferred color */
}

.back-to-list:hover {
    text-decoration: underline;
    color: #0056b3; /* Optional hover effect */
}
ul.no-bullets {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

@font-face {
    font-family: GaruteLight;
    src: url(/Fonts/garute-font/GaruteLight-jEgEl.otf) format("opentype");
}
@font-face {
    font-family: GaruteRegular;
    src: url(/Fonts/garute-font/GaruteRegular-51J1L.otf) format("opentype");
}
@font-face {
    font-family: OstrichMedium;
    src: url(/Fonts/OstrichSans-Medium.otf) format("opentype");
}

@font-face {
    font-family: JosefinSansRegular;
    src: url(/Fonts/JosefinSans-Regular.ttf) format("truetype");
}


@font-face {
    font-family: QuestaGrande;
    src: url(/Fonts/2-questa_grande_regular_31.otf) format("truetype");
}

@font-face {
    font-family: NextArtThin;
    src: url(/Fonts/NEXTART_Thin.otf) format("opentype");
}
    

@font-face {
    font-family: NextArtRegular;
    src: url(/Fonts/NEXTART_Regular.otf) format("opentype");
}

@font-face {
    font-family: NextArtLight;
    src: url(/Fonts/NEXTART_Light.otf) format("opentype");
}


@font-face {
    font-family: Athene;
    src: url(/Fonts/Athene.otf) format("opentype");
}


@font-face {
    font-family: PlayfairCaps;
    src: url(/Fonts/PlayfairDisplaySC-Regular.otf) format("opentype");
}


@font-face {
    font-family: QuicksandDash;
    src: url(/Fonts/Quicksand_Dash.otf) format("opentype");
}


@font-face {
    font-family: QuicksandLight;
    src: url(/Fonts/Quicksand_Light.otf) format("opentype");
}


@font-face {
    font-family: QuicksandRegular;
    src: url(/Fonts/Quicksand_Book.otf) format("opentype");
}

@font-face {
    font-family: QuicksandBold;
    src: url(/Fonts/Quicksand_Bold.otf) format("opentype");
}