@font-face {
    font-family: 'Zenfont2021-Regular';
    src: url('font/Zenfont2021-Regular.ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ZenfontSussurrato2021-Regular';
    src: url('font/ZenfontSitoTest-Regular.ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'inconsolata';
    src: url('font/Inconsolata-VariableFont_wdth,wght.ttf');
    font-weight: normal;
    font-style: normal;

}

}

@import url('https://fonts.googleapis.com/css2?family=Teko:wght@500&display=swap');

.stronzo {

background-color: #383232;

}

.MoonMonky {

  width: 30%;
  margin-top:20px;

}

.navbar {
  display: flex;
  align-items: center;
  justify-content: center;
}

body, html {

  height: 100%;
  width: 100%;

}

.copyleft {

  opacity: 0.75;
  height: auto;

}

.bg {

  opacity: 0.7;
  height: auto;
  width: 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* .maintext {


background-color: #3da0c6;
}
*/

.top {

margin-bottom: 10px;

}



ul li a {

font-family: 'ZenfontSussurrato2021-Regular';
font-size: 150%;
color: #c1c1c1;

}

ul li:hover a {
  color: #ececec;
}

.Footer  {

  font-family: 'ZenfontSussurrato2021-Regular';
  font-size: 100%;
  color: #c1c1c1;
  padding-top: 20px;
  letter-spacing: 0.5px;


}

/*---Media Queries --*/
@media (max-width: 992px) {

  }
@media (max-width: 768px) {
  
}
@media (max-width: 576px) {
  
}


/*---Firefox Bug Fix --*/
.carousel-item {
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
/*--- Fixed Background Image --*/
figure {
  position: relative;
  width: 100%;
  height: 60%;
  margin: 0!important;
}
.fixed-wrap {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#fixed {
  background-image: url('img/mac.png');
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}
/*--- Bootstrap Padding Fix --*/
[class*="col-"] {
    padding: 1rem;
}

.justified {
    position:absolute;
    left:50%;
}

/* Works Gallery */
.itembig {

      width: 200px;

}
.item {
    width: 200px;
    float: left;
    padding:10px;
}
.item img {
    display: block;
    width: 100%;

}
button {
    font-size: 18px;

}

.descrizzioni {



	font-size: 100%;
	letter-spacing: 0px;
	font-family:'inconsolata';
	color: #c1c1c1; 
	background-color: #383232;
}



.descrizioni {

	font-size: 100%;
	letter-spacing: 0px;
	font-family:'inconsolata';
	color: #c1c1c1; 
	background-color: #383232;
}


.strunz {


	color: #ff4a02; 


}
/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/