/* Style for the button */
    .summit-button {
        position: fixed;
        right: 20px; /* Adjust as needed */
        top: 20px; /* Adjust as needed */
        background-color: #007bff;
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        z-index: 999; /* Ensure it's above other content */
    }

    /* Hover effect */
    .summit-button:hover {
        background-color: #0056b3;
    }



body {
                height: 100%;
  		width: 100%;
  		padding: 0;
  		margin: 0;
		/* background-color: #E9E9E9; */
		color: #333;
		font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
		font-size: 16px;
		 overflow-x: hidden;
		overflow-y: hidden;
		background: linear-gradient(to bottom right, #b968c5, orange);
                
                -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}       
	}
	
	.amp {
		font-family:Helvetica Neue",Arial,Helvetica,sans-serif;
		font-style:bold;
		font-weight:normal;
		border: none;
	}
	
	a.polaroid {
		display: block;
		text-decoration: none;
		color: #333;
		padding: 10px 10px 20px 10px;
		width: 150px;
		border: 1px solid #BFBFBF;
		background-color: white;
		z-index: 2;
		font-size: 0.7em;
		-webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
		-moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
		box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
		-webkit-transition: -webkit-transform 0.5s ease-in;
	}
	a.polaroid:hover,
	a.polaroid:focus,
	a.polaroid:active {
		z-index: 999;
		border-color: #6A6A6A;
		-webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
		-moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
		box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
                
	}
	.polaroid img {
		margin: 0 0 15px;
		width: 150px;
		height: 150px;
	        object-fit: cover;
	}
	
	a img {
		border: none;
		display: block;
	}
	
	.photo-album {
		position:absolute;
		width: 100%;
		margin: 0 auto;
		max-width2: 70em;
		height: 100%;
		margin-top2: 5em;
		min-width2: 800px;
		max-width2: 900px;
	}
	.photo-album .polaroid {
		position: absolute;
	}
	.photo-album h1 {
		position: absolute;
		z-index: 5;
		top: 150px;
		text-align: center;
		width: 100%;
		line-height: 1.9;
	}

        
	.photo-album h1 span {
		background-color: white;
		font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
		padding: 0.4em 0.8em 0.3em 0.8em;
		-webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
		-moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
		box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
		border: 1px solid #6A6A6A;
	}
	.photo-album .small {
		width: 75px;
		padding: 6px 6px 12px 6px;
		font-size: 0.6em;
	}
	.photo-album .small img {
		width: 75px;
		height: 75px;
	}
	
	.photo-album .large {
           	width: 130px; 
		padding: 20px 20px 30px 20px;
		font-size: 1em;

	}
	.photo-album .large img {
		width: 130px;
		height: 130px;
                
	}
	.photo-album .img1 {
		
		-webkit-transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		transform: rotate(15deg);
	
	}

	
	a:hover,
	a:focus {
		z-index: 5;
	        
	}
	




HTML CSSResult Skip Results Iframe
EDIT ON
.custom-select {
  min-width: 350px;
  position: relative;
}

select {
  appearance: none;
  /*  safari  */
  -webkit-appearance: none;
  /*  other styles for aesthetics */
  width: 100%;
  font-size: 8pt;
  padding: 0.675em 6em 0.675em 1em;
  background-color: white;
  border: 1px solid #caced1;
  border-radius: 0.25rem;
  color: black;
  cursor: pointer;
}

.custom-select::before,
.custom-select::after {
  --size: 0.7rem;
  content: "";
  position: absolute;
  right: 1rem;
  pointer-events: none;
}

.custom-select::before {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-bottom: var(--size) solid black;
  top: 40%;
}

.custom-select::after {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid black;
  top: 55%;
}


/*=============
Aesthetics 
=======================