/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap'); */

body{
  background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}

.year-info{
  font-family: 'Cedarville Cursive', cursive;
  font-size: 20px;
  font-weight: bolder;
  z-index: -1;
  text-align: right;
  /* opacity: 0.2; */
}

.project-text{
  padding: 10px;
}

.project-images{
  margin-bottom: 25px;
}

.project-images img{
  width: 100%;
  height: auto;
}

.project-images .small-height{
  height: 50% !important;
}

.dark-background{
  background-color: #666 !important;
  /* background: rgb(64,179,0);
  background: linear-gradient(318deg, rgba(64,179,0,1) 0%, rgba(106,224,0,1) 100%); */
  color: #eee;
}

.image-bordered{
  border: 1px solid #666;
  border-radius: 5px;
}

.project-platforms img{
  height: 30px;
  margin-bottom: 10px;
}

.flickity-viewport{
  border-radius: 5px;
}

.flickity-page-dots .dot{
  background: #fff !important;
}

.main-carousel{
  /* margin-left: -10px;
  margin-right: -10px; */
}

.project-name{
  font-size: 200%;
}

.project-post{
  /* background: rgba(255,255,255,1); */
  /* background: rgba(0,0,0,0.1); */
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 20px;
  z-index: 10;
}

.box{
  margin-top: 10px;
  padding:10px;
  border-radius: 5px;
  box-shadow: 4px 4px 10px #ddd;
  margin-bottom: 15px;
  background: rgba(0,0,0,0.2);
}

.oneProject h3{
  position: relative;
  margin: 0px;
}

.carousel {
  background: #EEE;
}

.full-width .carousel-cell{
  width: 80% !important;
}

.carousel-cell {
  width: 50%;
  margin-right: 10px;
  /* background: #8C8; */
  border-radius: 5px;
  counter-increment: carousel-cell;
}

@media (max-width:600px){
  .carousel-cell {
    width: 90%;
  }
}

@media (max-width:991px){
  .carousel-cell {
    width: 70%;
  }
}

.carousel-cell-image {
  display: block;
  max-height: 100%;
  margin: 0 auto;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

.good-button{
  background: #777;
  padding: 5px 10px 5px 10px;
  color: #fff;
  font-weight: bold;
  border: none;
  border-radius: 5px;
  transition: box-shadow 0.2s ease-in-out;
}

.good-button:hover{
  background: #999;
  box-shadow: 0px 2px 10px #000;
}

.good-button:active{
  background: #ccc;
  box-shadow: none;
}

.good-button:focus{
  box-shadow: 0px 0px 15px #50a8f6;
}

.disabled-button, .disabled-button:hover, .disabled-button:active{
  background: rgb(182,182,188) !important;
  box-shadow: none;
}