/*@media only screen and (max-width: 740px)*/

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


#slideshow {
  overflow: hidden;
  height: 125px;
  width:256px;
  margin: 0 auto;
}

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

.slide {
  float: left;
  height: 125px;
  width:256px;
  /*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: -256px;}
  50% {margin-left: -256px;}
  60% {margin-left: -512px;}
  70% {margin-left: -512px;}
  80% {margin-left: -768px;}
  90% {margin-left: -768px;}
}


.main { 
    text-align:center;
    font-size:22px;
    padding: 3vw 1vw 15vw;
    font-family:GaruteLight; 
    margin: auto;
    }
    
.list {
    text-align:left;
    padding: 1vw 20% 20vw;
    font-size:25px;
    font-family:GaruteRegular;
    margin: auto;
}

.homepage {
    text-align:center;
    font-size: 40px;
    font-family:GaruteLight; 
    padding: 1vw 0 2vw;
    margin: auto;
    }
    
/*.bigtitle {
    text-align:center;
    font-size:24px;
    font-family:QuicksandBold;
    margin:auto;
    padding:4vw;
}*/

.project-title {
    text-align:center;
    /* font-size:35px;*/
    font-size: 2.3em;
    font-family:QuicksandRegular, "Arial Black", sans-serif;
    margin:auto;
    padding:2vw 1vw;
}
.title {
    text-align:center;
    /* font-size:90px;*/
    font-size: 23px;
    font-family:NextArtRegular, Tahoma, Geneva, sans-serif;
    margin: 2vw -2vw 0vw;
    color:#4135b1;
    text-transform: uppercase;
}
/*.title {
    text-align:center;
    font-size:23px;
    font-family:QuicksandBold;
    margin:auto;
    margin-bottom:8vw;
    padding-top:4vw;
}*/

.emphasis {
    font-family: NextArtRegular;
    color: #7e75d7;
    font-size: 51.5px;
    margin: -.5vw;
}

h1 {
    text-align:center;
    font-size:50px;
    font-family:NextArtThin;
    margin: 2vw -2vw 0vw;
    color:#4135b1;
}

h2 {
    text-align:center;
    /* font-size:90px;*/
    font-size: 20px;
    font-family:NextArtThin, Tahoma, Geneva, sans-serif;
    margin: 2vw -2vw 0vw;
    color:#4135b1;
    text-transform: uppercase;
}
.blog-pic {
  max-width: 80vw;
  margin: 0 auto; /* Center the image */
  display: block;
}

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


.feature-text {
    text-align:left;
    font-size:22px;
    margin:0 3vw;
    padding-bottom:9vw;
    font-family:GaruteLight; 
}

.header { 
    text-align:center;
    font-size:24px;
    margin: 0vw -2vw 2vw;
    font-family:NextArtThin; 
    color: #7e75d7;
    }
    
    



/* https://cssnewbie.com/full-width-centered-navigation-bar/#.W6bUIhNKhdg */

/*.nav {
    width: 100%;
    float: left;
    margin: 0vw -2.5vw 1em; 
    padding:0 10px;
    overflow: hidden;
    background-color:#6d62d0;
    position: -webkit-sticky;  Safari 
    position: sticky;
    top: 0;
}

.nav ul {
    list-style: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	
}
	
.nav li {
    float: left;
    overflow: hidden;
} */
.nav {
    width: 105.5%;
    box-sizing: border-box;
	float: left;
	margin: 0 0 4vw -3vw; 
   /* padding: 0 2vw;*/
    background-color:#6d62d0;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
}

.nav ul {
    list-style: none;
	width: 93%;
	margin: 0 auto;
	padding: 0; 
}
	
.nav li {
    float: left;
}

.nav a {
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size:34px;
    font-family:OstrichMedium;
    padding:3vw 2vw;
}


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

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

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

ul.no-bullets {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

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

    
.logo,.slogo {
    height:20vw;
    display:block;
    margin-left: auto;
    margin-right: auto;
    }
    
.logo {
    padding-top:10vw;
    height:25vw;
    }
    
.photo {
    display:block;
    margin-left: auto;
    margin-right: auto;
    height:55vw;
    padding-bottom:5vw;
    }    

.cr {
    font-size:12px;
    text-align:center;
    font-family:GaruteRegular,GaruteLight;
}
p {
  font-family:GaruteRegular,Arial,sans-serif;
}

li {
 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 */
}

@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");
}