/* Page Styling */


::-moz-selection { 
    background: #000000;
    color: snow;        
  }

::selection { 
    background: #000000;
    color: snow;

 }


@font-face {
    font-family: "ABCGalapagos-C-Regular";
    src: url("fonts/ABCGalapagosC-Regular-Trial.woff2") format("woff2"),
         url("fonts/ABCGalapagosC-Regular-Trial.woff") format("woff");
  }

@font-face {
    font-family: "Arial Together";
    src: url("fonts/ArialTogether.woff") format("woff");
}

  
html, body {
    font-size: 24px;
    background-color: #ffe900;
    color: #383838;
    line-height: 1.35em;
    background-size: cover;
    margin:0;
}




        /* Text Styling */


.title {
	font-family: "Arial Together", sans-serif;
    font-size:24px;
}

.caption {
	font-family: "Arial", sans-serif;
    font-size:12px;
    color: #383838;
}


        /* Links */

a {
            font-family: Arial, sans-serif;
            text-decoration: underline solid;
            color: #383838;
            text-underline-offset: 4px;
        }
        
a:hover {
            font-family: Arial, sans-serif;
            text-decoration: none;
            color: #383838;
        }




        /* DIVs */


.container {

    font-family: Arial, sans-serif;

    z-index: 3;
    position: relative;


    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
 
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;

            margin-right: 2vw;
            margin-left: 2vw;
            margin-top: 2vh;
 }


.submissions {

    position: relative;
    font-family: Arial, sans-serif;
    z-index: 4;

    margin-right: 2vw;
    margin-left: 2vw;
    margin-top: 5em;
    margin-bottom: 3em;
 }


 .team {

    position: relative;
    font-family: Arial, sans-serif;
    z-index: 4;

    margin-right: 2vw;
    margin-left: 2vw;
    margin-top: 5em;
    margin-bottom: 3em;
 }


 .gallery {

    position: relative;
    font-family: Arial, sans-serif;
    z-index: 4;

    margin-right: 2vw;
    margin-left: 2vw;
    margin-top: 5em;
    margin-bottom: 0em;
 }

 .galleryImage {

    position: absolute;
    display: block;
    margin:0;
    height: auto;
    left: 0;
    width: 100%;
 }

 .galleryImage img {

    position: relative;
    margin:0;
    display: block;
    width:100%; height:100%;
    object-fit: cover;
 }




        /* Shapes  */

 .shape{
 	max-width:1em;
 	max-height:1em;
 	padding-left:3px;
 	padding-right:2px;
 }

  .shapeUpper{
 
 	z-index: 1;

    margin-right: 38vw;
    margin-left: 38vw;
    margin-top: 10vh;

    position: absolute;

 }

.shapeLowerLeft{

 	z-index: 2;

 	margin-right: 64vw;
    margin-left: 18vw;
    margin-top: 65vh;

    position: absolute;

 }

.shapeLowerRight{

 	z-index: 2;

 	margin-right: 10vw;
    margin-left: 70vw;
    margin-top: 75vh;

    position: absolute;

 }










        /* For Mobile: */

 @media only screen and (max-width: 900px) {

body {
        font-size: 22px;
        background-color: #ffe900;
        color: #383838;
        line-height: 1.35em;
    }

.title {
	font-family: "Arial Together", sans-serif;
	font-size: 22px;
	line-height: 1.15em;
    color: #383838;
}

.caption {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	line-height: 1.15em;
    color: #383838;
}




a {
    font-family: Arial, sans-serif;
    text-decoration: underline solid;
    text-underline-offset: 4px;
}

a:hover {
    font-family: Arial, sans-serif;
    text-decoration: none;
}




.container {

    font-family: Arial, sans-serif;



    -webkit-column-count: 1;
        -moz-column-count: 1;
            column-count: 1;
    
    -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
            column-gap: 20px;

            margin-right: 2vw;
            margin-left: 2vw;
            margin-top: 2vh;
    }

.submissions {

    position: relative;
    font-family: Arial, sans-serif;
    z-index: 4;

    margin-right: 2vw;
    margin-left: 2vw;
    margin-top: 4em;
    margin-bottom: 3em;
    }


.team {

        position: relative;
        font-family: Arial, sans-serif;
        z-index: 4;
    
        margin-right: 2vw;
        margin-left: 2vw;
        margin-top: 4em;
     }
    
    




.shapeUpper{
 
 	z-index: 1;

    margin-right: 5vw;
    margin-left: 5vw;
    margin-top: 0em;

    position: absolute;

 }

.shapeLowerLeft{

 	z-index: 1;

 	margin-right: 5vw;
    margin-left: 5vw;
    margin-top: 30em;

    position: absolute;

 }

 .shapeLowerRight{

 	z-index: 2;

 	margin-right: 5vw;
    margin-left: 5vw;
    margin-top: 60em;

    position: absolute;

 }
}