Slider Test
* {
box-sizing: border-box;
}
body {
height: 100vh;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
font-family: 'Roboto', sans-serif;
font-weight: 700;
display: flex;
align-content: center;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #655643;
}
#gallery {
max-width: 100%;
max-height: 80%;
}
.newPic {
color: white;
padding: 5px 20px;
background-color: #68B3AF;
border-radius: 25px;
border: solid 2px #fff;
height: 50px;
font-size: 1.1em;
cursor: pointer;
margin: 5px 5px 0 5px;
display: flex;
align-items: center;
}
.newPic:hover {
background-color: #518a8c;
}
.controls {
display: flex;
flex-wrap: wrap;
margin: 20px;
justify-content: center;
}