.frames{
  scroll-snap-stop: always;
  scroll-snap-points-y: repeat(var(--visibleHeight));
}
.frames>.frame{
  height: var(--visibleHeight);
}

#s1 {
  background-image: url(../images/1A2.png);
  background-size:cover;
}
#s2 {
  background-image: url(../images/3A1.png);
  background-position: 40% 0;
  background-size:cover;
}
#s3 {
  background-image: url(../images/2A1.png);
}

#intampinare{
  font-size:2em;
  font-weight: bold;
  text-align: center;
  font-family: GeoramaCondenssed-ThinItalic;
  color: white;
  margin-top:10vh;
}
#luatiloc{
  margin: 10px auto 0 auto;
  text-align: center;
}
#luatiloc a {
  padding:0 20px 5px 20px;
  color: #fff;
  background-color: #0026ff;
  text-decoration: none;
  line-height: 1.2;
}
#luatiloc a:hover {
  color:#0026ff;
  background-color: #fff;
  cursor: pointer;
}
#luatiloc a:active {
  color:#fff;
  background-color: #0026ff;
}
#luatiloc a:visited {
  color: #fff;
  background-color: #0026ff;
}

#logo{
  font-family: Insecure;
  color: #FF0000;
  /*mix-blend-mode: difference;*/
  /*-webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px;*/
  font-size: 17vw;
  transition: all 1s ease-out;
  margin:10vh 0;
  text-align: center;
}

.content{
  font-family: GeoramaCondenssed-ThinItalic;
  color: white;
}
.message_main{
  font-size:12vw;
  margin:0vw 7vw;
  font-weight: bold;
  line-height: 1.2;
}
.message_main > span{
  display: block;
}
.message_extra{
  font-family: GeoramaExtraCondensed-Regular;
  font-size:5vw;
  margin:13vw 7vw;
  line-height: 1.2;
}
#s3 .message_main{
  margin-top:15vh;
}
#s2 .message_extra{
  font-family: GeoramaCondenssed-ThinItalic;
  font-weight: bold;
  font-size:1.4em;
  padding-top:25px;
  padding-left:100px;
}
#s2 .message_extra div:nth-child(1){
  padding-left:15px;
}
#s2 .message_extra div:nth-child(2){
  padding-left:50px;
}
#s2 .message_extra div:nth-child(3){
  padding-left:25px;
}
#s2 .message_extra div{
  margin-top:20px;
}
#s2 .message_extra span{
  display: block;
}

.xl{
  font-size:1.8em;
}