body{
    background-color:#050505;
    background-image:url("opa-bg.png");
    background-attachment:fixed;
    color:#f4f4f4;
    font-family:"Edu VIC WA NT Hand", cursive;
    overflow-x:hidden;
}


::-webkit-scrollbar{
    width:14px;
}

::-webkit-scrollbar-track{
    background:#111;
}

::-webkit-scrollbar-thumb{
    background:#8c3cff;
    border-radius:20px;
    border:2px solid #000;
}

::-webkit-scrollbar-thumb:hover{
    background:#bc73ff;
}


::selection{
    background:#9b45ff;
    color:white;
}


.navbar{

    background:
    linear-gradient(
    to bottom,
    #2c1244,
    #12051f);
    border-bottom:3px dashed #b469ff;
    box-shadow:
    0 0 20px #7d26d9;
    padding:15px;
}

.navbar-brand{
    font-family:"Whisper", cursive;
    font-size:3.5rem;
    color:white;
    text-shadow:
    0 0 15px #a855ff;
}

.nav-link{
    color:white ;
    font-family:"Oswald",sans-serif;
    font-size:1.3rem;
    letter-spacing:2px;
    margin-left:20px;
    transition:.35s;
}

.nav-link:hover{
    color:#d6a7ff;
    transform:rotate(-3deg);
    text-shadow:
    0 0 12px #a855ff;
}


.hero{
    min-height:95vh;
    display:flex;
    align-items:center;
    background:
    linear-gradient(
    rgba(0,0,0,.75),
    rgba(32,5,56,.85)
    ),
    url("punk-background.jpg");
    background-size:cover;
    background-position:center;
    border-bottom:4px dashed #b469ff;
    box-shadow:
    inset 0 0 100px black;
}


.hero h1{
    font-family:"Whisper",cursive;
    font-size:7rem;
    color:white;
    text-shadow:
    0 0 10px #fff,
    0 0 25px #9f5cff,
    0 0 50px #7d26d9;
}

.hero h2{
    font-family:"Bebas Neue",sans-serif;
    color:#c991ff;
    letter-spacing:6px;
    font-size:2.4rem;
    margin-bottom:20px;
}

.hero p{
    font-size:1.3rem;
    color:#d7d7d7;
    max-width:550px;
}

.btn-custom{
    background:#8c3cff;
    color:white;
    border:3px solid white;
    font-family:"Oswald",sans-serif;
    letter-spacing:3px;
    padding:12px 35px;
    transition:.4s;
    box-shadow:
    0 0 20px #8c3cff;
}

.btn-custom:hover{
    background:black;
    color:#d9b6ff;
    border-color:#8c3cff;
    transform:
    scale(1.08)
    rotate(-2deg);
    box-shadow:
    0 0 35px #a855ff;
}
h1{
    font-family:"Whisper",cursive;
}
h2{
    font-family:"Bebas Neue",sans-serif;
    letter-spacing:4px;
    color:#dcaeff;
    text-shadow:
    0 0 10px #8c3cff;
}
.galleryh2{
  font-family:"Bebas Neue",sans-serif;
  letter-spacing:4px;
  color: rgb(0, 49, 155);
  text-shadow:
  0 0 10px white
}
h3{

    font-family:"Bebas Neue",sans-serif;
    color:white;

  

}
.galleryh3{
  font-family:"Bebas Neue",sans-serif;
  letter-spacing:4px;
  color:black;
  text-shadow:grey
  0 0 10px #00daff
}
h4{
    font-family:"Whisper",cursive;
    font-size:3rem;
    color:white;
}
.galleryh4{
  font-family:"Bebas Neue",sans-serif;
  letter-spacing:4px;
  color:#0031ff;
  text-shadow:
  0 0 10px #00daff
}
h5{
    font-family:"Bebas Neue",sans-serif;
    color:#d9b6ff;
    font-size:2rem;
}
p{
    color:#efefef;
    line-height:1.8;
    font-family:"Edu VIC WA NT Hand",cursive;
}
a{
    text-decoration:none;
    transition:.3s;
}


.section-light{
    padding:90px 0;
    background:
    linear-gradient(
    rgba(18,18,18,.94),
    rgba(8,8,8,.96));
    border-top:2px dashed #6d2cc8;
    border-bottom:2px dashed #6d2cc8;
    position:relative;
}
.section-blue{
    padding:90px 0;
    background:
    linear-gradient(
    rgba(37,16,63,.95),
    rgba(12,4,26,.96));
    border-top:3px dotted #8c3cff;
    border-bottom:3px dotted #8c3cff;
}
.section-green{
    padding:90px 0;
    background:
    linear-gradient(
    rgba(15,15,15,.95),
    rgba(5,5,5,.95));
    border-top:3px solid #8c3cff;
}
.listy{
    list-style-image:url("gem.png");
    color:#f4d4ff;
    font-family:"Oswald",sans-serif;
}
img{
    transition:.4s;
    border:3px solid #5d229b;
    padding:6px;
    background:#111;
}
img:hover{
    transform:
    scale(1.05)
    rotate(-2deg);
    box-shadow:
    0 0 25px #9b45ff;
}
.in-n-out img{
    filter:grayscale(100%) contrast(130%);
}
.in-n-out img:hover{
    filter:none;
}
.opa{
    opacity:.25;
}
.opa-5{
    opacity:.5;
}
.skill-box{
    background:
    linear-gradient(
    145deg,
    #1d1d1d,
    #0d0d0d);
    border:3px dashed #9f5cff;
    padding:35px;
    min-height:260px;
    transform:rotate(-1deg);
    transition:.45s;
    position:relative;
    overflow:hidden;
    box-shadow:
    0 0 15px rgba(150,70,255,.4);
}
.skill-box:nth-child(even){
    transform:rotate(1deg);
}
.skill-box::before{
    content:"";
    position:absolute;
    width:90px;
    height:25px;
    background:rgba(255,255,255,.18);
    top:-8px;
    left:20px;
    transform:rotate(-10deg);
}
.skill-box:hover{
    transform:scale(1.05) rotate(-2deg);
    border-color:#ffffff;
    box-shadow:
    0 0 30px #9f5cff,
    0 0 50px #6d2cc8;
}
.card{
    background:#111;
    border:4px solid #6d2cc8;
    border-radius:6px;
    overflow:hidden;
    position:relative;
    transition:.45s;
    transform:rotate(-1deg);
    box-shadow:
    8px 8px 0px #000,
    0 0 20px rgba(140,60,255,.5);
}
.card:nth-child(even){
    transform:rotate(1deg);
}

.card:hover{
    transform:
    scale(1.05)
    rotate(0deg);
    box-shadow:
    0 0 35px #b469ff,
    0 0 70px #8c3cff;
}

.card::before{
    content:"";
    position:absolute;
    width:85px;
    height:25px;
    background:rgba(255,255,255,.22);
    top:12px;
    left:15px;
    transform:rotate(-14deg);
    z-index:5;
}

.card::after{
    content:"★";
    position:absolute;
    top:10px;
    right:18px;
    color:#ffe600;
    font-size:24px;
    text-shadow:0 0 12px yellow;
}
.card-body{
    padding:30px;
}
.card-title{
    letter-spacing:3px;
}
.card-text{
    font-size:1.05rem;
}
.card img{
    height:260px;
    object-fit:cover;
    filter:
    contrast(110%)
    saturate(110%);
}
.card img:hover{
    filter:
    brightness(110%)
    contrast(130%);
}
.section-light img{
    border:4px solid white;
    background:#111;
    padding:8px;
    transform:rotate(-2deg);
    box-shadow:
    10px 10px 0px #000,
    0 0 25px #8c3cff;
}
.section-green img{
    transform:rotate(2deg);
}
footer{
    background:
    linear-gradient(
    #1a082f,
    #000);
    border-top:4px dashed #b469ff;
    padding:80px 0;
    position:relative;
    overflow:hidden;
}
footer h4{
  text-shadow:
  0 0 18px #9f5cff;
}
footer p{
    color:#dddddd;
    font-size:1.2rem;
}
a:hover{
    color:#dcb8ff;
}
img:hover{
animation:wobble .5s;
}
@keyframes wobble{
0%{transform:rotate(-2deg);}
25%{transform:rotate(2deg);}
50%{transform:rotate(-2deg);}
75%{transform:rotate(2deg);}
100%{transform:rotate(0deg);}
}
.hero h1:hover{
animation:glitch .4s;
}
@keyframes glitch{
0%{
transform:translateX(0);
}
20%{
transform:translateX(-3px);
}
40%{
transform:translateX(4px);
}
60%{
transform:translateX(-2px);
}
80%{
transform:translateX(2px);
}
100%{
transform:translateX(0);
}
}

.navbar-brand:hover{
transform:rotate(-2deg);
transition:.3s;
}

.hero h1{
font-size:5rem;
}
.hero h2{
font-size:2rem;
}
.nav-link{
margin-left:0;
margin-top:10px;
}
.card{
margin-bottom:40px;
transform:none;
}
.skill-box{
margin-bottom:35px;
transform:none;
}

.hero h2{
font-size:1.7rem;
letter-spacing:3px;
}
h2{
font-size:2rem;
}
.card img{
height:220px;
}
footer h4{
font-size:2.4rem;
}

body::after{
content:"";
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
opacity:.08;
background-image:url("starfall.gif");
mix-blend-mode:screen;
}
.card:hover .card-title{
color:white;
text-shadow:
0 0 15px #b469ff;
}
.skill-box:hover h3{
color:#ffffff;
text-shadow:
0 0 12px #9f5cff;
}
.hero p::first-letter{
font-size:180%;
color:#b469ff;
font-weight:bold;
}
footer p:hover{
color:#ffffff;
letter-spacing:2px;
transition:.3s;
}



body{

    background:#2d1e17;

    background-image:url("opa-bg.png");

    background-attachment:fixed;

    color:#f6ebdc;

    font-family:"Edu VIC WA NT Hand",cursive;

}


.navbar{

    background:linear-gradient(#3d3d3d,#1f1f1f);

    border-bottom:4px dashed #8c8c8c;

    box-shadow:0 0 25px rgba(0,0,0,.45);



}
.navbar-brand{

    font-family:"Whisper",cursive;

    font-size:3.6rem;

    color:#f5f5f5 ;

    text-shadow:3px 3px #111111;



}
.nav-link{

    font-family:"Oswald",sans-serif;

    letter-spacing:2px;

    color:#e8e8e8;

    transition:.35s;


}
.nav-link:hover{

    color:#ffffff;

    transform:rotate(-2deg);


}



.about-hero{

    position:relative;

    min-height:75vh;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    background:

    linear-gradient(

    rgba(38,20,10,.65),

    rgba(38,20,10,.65)

    );

    background-size:cover;

    border-bottom:5px dashed #c36a21;

    overflow:hidden;

}


.about-title{

    font-family:"Whisper",cursive;

    font-size:7rem;

    color:#fff5e5;

    transform:rotate(-3deg);

    text-shadow:

    4px 4px #7f4315,

    8px 8px rgba(0,0,0,.15);

}

.about-subtitle{

    font-size:1.6rem;

    margin-top:20px;

    color:#ffe3b3;

    font-style:italic;

}




.bio-section{

    position:relative;

    padding:110px 0;

    background:#e8d4b5;

    border-top:5px dashed #a75216;

    border-bottom:5px dashed #a75216;

    overflow:hidden;
    
    background-image:url("opa-bg.png");
    
   border-style: dashed;
 border-width:5px;


}



.bio-carousel{

    background:#fff9ef;

    padding:18px;

    border:4px solid #7c471f;

    transform:rotate(-3deg);

    box-shadow:

    12px 12px 0px rgba(0,0,0,.25);

}

.bio-carousel img{

    height:430px;

    object-fit:cover;

    border:10px solid white;

    box-shadow:0 0 20px rgba(0,0,0,.25);

}



.bio-paper{

    background:#fff8eb;

    padding:45px;

    border:2px solid #b97a3f;

    transform:rotate(1deg);

    position:relative;

    box-shadow:

    12px 12px 0px rgba(0,0,0,.18);

}

.bio-paper::before{

    content:"";

    position:absolute;

    top:-18px;

    left:35px;

    width:120px;

    height:38px;

    background:rgba(255,245,215,.65);

    transform:rotate(-8deg);

}

.bio-paper h2{

    font-family:"Bebas Neue",sans-serif;

    color:#8c4218;

    letter-spacing:4px;

    margin-bottom:25px;

}

.bio-paper p{

    color:#4a2d18;

    line-height:2;

    font-size:1.15rem;

}





.bio-section::after{

    content:"Page 01";

    position:absolute;

    bottom:25px;

    right:50px;

    font-family:"Whisper",cursive;

    font-size:2.3rem;

    color:#7b4d2d;

    opacity:.55;
     
      background-image:url("opa-bg.png");
      
   border-style: dashed;
 border-width:5px;


}




.bio-carousel:hover{

    transform:

    rotate(-1deg)

    scale(1.03);

    transition:.4s;

}

.bio-paper:hover{

    transform:

    rotate(0deg)

    scale(1.02);

    transition:.4s;

}

img{

    transition:.35s;

}

img:hover{

    transform:scale(1.02);

}




h2{

    font-family:"Bebas Neue",sans-serif;

    letter-spacing:4px;

}

h3{

    font-family:"Bebas Neue",sans-serif;

    letter-spacing:2px;

}

p{

    font-family:"Edu VIC WA NT Hand",cursive;

}


.timeline-section{

    position:relative;

    background:#d9b07a;

    padding:120px 0;

    overflow:hidden;

    border-top:4px dashed #8f4b21;

    border-bottom:4px dashed #8f4b21;

  background-image:url("opa-bg.png");
  
   border-style: dashed;
 border-width:5px;


}

.timeline-section h2{

    color:#5c2d12;

    font-size:3.5rem;

}

.timeline-section p{

    color:#47220e;

}



.timeline-card{

    background:#fff8ea;

    border:3px solid #935126;

    padding:30px;

    min-height:300px;

    position:relative;

    transform:rotate(-2deg);

    box-shadow:10px 10px rgba(0,0,0,.18);

    transition:.35s;

}

.timeline-card:nth-child(even){

    transform:rotate(2deg);

}

.timeline-card:hover{

    transform:rotate(0deg) scale(1.05);

}

.timeline-card h3{

    color:#8c4218;

    margin-bottom:20px;

    text-align:center;

    font-size:2rem;

}

.timeline-card p{

    color:#51301c;

    text-align:center;

    line-height:1.9;

}


.timeline-card::before{

    content:"";

    position:absolute;

    top:-15px;

    left:50%;

    transform:translateX(-50%) rotate(-5deg);

    width:100px;

    height:30px;

    background:rgba(255,245,210,.65);

}


.timeline-section::after{

    content:"Page 02";

    position:absolute;

    bottom:30px;

    right:45px;

    font-family:"Whisper",cursive;

    font-size:2.2rem;

    color:#6d3d1d;

}


.inspiration-section{

    position:relative;

    background:#ead4b2;

    padding:120px 0;

    overflow:hidden;
    
   background-image:url("opa-bg.png");
   
   border-style: dashed;
 border-width:5px;


}

.inspiration-section h2{

    color:#7c3b18;

    font-size:3.4rem;

}

.inspiration-section p{

    color:#4b2b18;

}


.inspiration-card{

    position:relative;

    background:#fff8ed;

    padding:25px;

    border:2px solid #9b5a2a;

    box-shadow:12px 12px rgba(0,0,0,.18);

    transform:rotate(-2deg);

    transition:.4s;

    min-height:520px;

}

.inspiration-card:nth-child(even){

    transform:rotate(2deg);

}

.inspiration-card:hover{

    transform:rotate(0deg) scale(1.04);

}

.inspiration-image{

    width:100%;

    height:240px;

    object-fit:cover;

    border:10px solid white;

    margin-bottom:20px;

}

.inspiration-card h3{

    color:#914617;

    text-align:center;

    margin-bottom:15px;

}

.inspiration-card p{

    text-align:center;

    line-height:1.8;

}


.inspiration-section::after{

    content:"Page 03";

    position:absolute;

    bottom:25px;

    right:45px;

    font-family:"Whisper",cursive;

    font-size:2.2rem;

    color:#6d3d1d;

}



.facts-section{

    position:relative;

    background:#cf9f68;

    padding:120px 0;

    overflow:hidden;
    
    background-image:url("opa-bg.png");
    
   border-style: dashed;
 border-width:5px;


}

.facts-section h2{

    color:#4f250d;

    font-size:3.4rem;

}

.facts-section p{

    color:#442313;

}


/*STICKY NOTES*/

.fact-card{

    background:#fff7cf;

    min-height:230px;

    padding:25px;

    border:2px solid #9c652d;

    box-shadow:8px 8px rgba(0,0,0,.18);

    transition:.35s;

}

.fact-card:hover{

    transform:scale(1.05);

}

.fact-card h3{

    color:#8a4315;

    font-size:1.8rem;

    margin-bottom:15px;

}

.fact-card p{

    line-height:1.7;

}


.sticky-note{

    transform:rotate(-3deg);

}

.sticky-note-two{

    transform:rotate(2deg);

}

.sticky-note-three{

    transform:rotate(-2deg);

}

.sticky-note-four{

    transform:rotate(3deg);

}

.sticky-note-five{

    transform:rotate(-4deg);

}

.sticky-note-six{

    transform:rotate(2deg);

}

.sticky-note-seven{

    transform:rotate(-1deg);

}

.sticky-note-eight{

    transform:rotate(4deg);

}

.facts-section::after{

    content:"Page 04";

    position:absolute;

    bottom:25px;

    right:45px;

    font-family:"Whisper",cursive;

    font-size:2.2rem;

    color:#5b3218;
    
    background-image:url("opa-bg.png");
    
   border-style: dashed;
 border-width:5px;

}


.bio-carousel img,
.inspiration-image{

    background:white;

    padding:10px;

    border-radius:2px;

    transition:.4s;

}

.bio-carousel img:hover,
.inspiration-image:hover{

    transform:scale(1.05) rotate(-2deg);

    box-shadow:0 15px 30px rgba(0,0,0,.35);

}


.bio-paper,
.timeline-card,
.inspiration-card,
.fact-card{

    transition:all .35s ease;

}

.bio-paper:hover,
.timeline-card:hover,
.inspiration-card:hover,
.fact-card:hover{

    box-shadow:

    18px 18px rgba(0,0,0,.22);

}


/*==================================
          FOOTER
==================================*/

.about-footer{

    position:relative;

    background:linear-gradient(#4d2b16,#26140b);

    padding:90px 0;

    text-align:center;

    overflow:hidden;

    border-top:5px dashed #d98434;
    
    background-image:url("opa-bg.png")

}

.about-footer h4{

    font-family:"Whisper",cursive;

    font-size:4rem;

    color:#fff3dd;

    margin-bottom:20px;

}

.about-footer p{

    color:#f8dcb5;

    font-size:1.15rem;

}


.footer-tape-left{

    position:absolute;

    top:20px;

    left:80px;

    width:120px;

    transform:rotate(-15deg);

    opacity:.7;

}

.footer-tape-left img{

    width:100%;

}

.footer-tape-right{

    position:absolute;

    top:20px;

    right:80px;

    width:120px;

    transform:rotate(15deg);

    opacity:.7;

}

.footer-tape-right img{

    width:100%;

}




button,
.btn{

    transition:.3s;

}

button:hover,
.btn:hover{

    transform:translateY(-3px);

}

.navbar-brand:hover{

    transform:rotate(-3deg);

}

.nav-link{

    position:relative;

}

.nav-link::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-4px;

    width:0;

    height:2px;

    background:#ffb457;

    transition:.3s;

}

.nav-link:hover::after{

    width:100%;

}


.inspiration-card:nth-child(1){

    transform:rotate(-3deg);

}

.inspiration-card:nth-child(2){

    transform:rotate(2deg);

}

.inspiration-card:nth-child(3){

    transform:rotate(-2deg);

}

.inspiration-card:nth-child(4){

    transform:rotate(3deg);

}

.about-hero,
.bio-section,
.timeline-section,
.inspiration-section,
.facts-section{

    animation:pageFade .8s ease;

}

@keyframes pageFade{

0%{

opacity:0;

transform:translateY(25px);

}

100%{

opacity:1;

transform:translateY(0);

}

}


/*==================================
      CUSTOM SCROLLBAR
==================================*/

::-webkit-scrollbar{

width:14px;

}

::-webkit-scrollbar-track{

background:#3b2418;

}

::-webkit-scrollbar-thumb{

background:#d47a29;

border-radius:20px;

border:2px solid #3b2418;

}

::-webkit-scrollbar-thumb:hover{

background:#f0a14b;

}


/*==================================
      RESPONSIVE DESIGN
==================================*/

@media (max-width:992px){

.about-title{

font-size:5rem;

}

.bio-paper{

margin-top:40px;

transform:none;

}

.bio-carousel{

transform:none;

margin-bottom:40px;

}

.timeline-card{

margin-bottom:30px;

transform:none;

}

.inspiration-card{

margin-bottom:35px;

transform:none;

min-height:auto;

}

.fact-card{

margin-bottom:30px;

transform:none;

}

.footer-tape-left,
.footer-tape-right,
.paperclip-left,
.paperclip-right,
.paintbrush,
.paintbrush-two,
.film-strip-left,
.film-strip-right,
.spiderweb-left,
.spiderweb-right{

display:none;

}

}

@media (max-width:768px){

.about-title{

font-size:4rem;

}

.about-subtitle{

font-size:1.2rem;

}

.bio-paper{

padding:25px;

}

.timeline-section h2,
.inspiration-section h2,
.facts-section h2{

font-size:2.5rem;

}

.bio-carousel img{

height:300px;

}

.inspiration-image{

height:200px;

}

}

@media (max-width:576px){

.about-title{

font-size:3rem;

}

.navbar-brand{

font-size:2.5rem;

}

.bio-paper p,
.fact-card p,
.timeline-card p,
.inspiration-card p{

font-size:1rem;

line-height:1.6;

}

.about-footer h4{

font-size:3rem;

}

.about-footer{

padding:70px 20px;

}

}


.gallery-hero{

    background:#00bbff;

    background-size:cover;
    
    background-image:url("opa-bg.png");
    
    background-attachment: fixed;

    padding:90px 0;

    text-align:center;
     
 border-style: dashed;
 border-width:5px;
 border-color:grey;
}



.gallery-title{

    font-family:"Whisper",cursive;

    font-size:6rem;

    color:white;

    text-shadow:4px 4px rgba(0,0,0,.35);

    transform:rotate(-2deg);

}

.gallery-subtitle{

    font-family:"Edu VIC WA NT Hand",cursive;

    color:#edf5ff;

    font-size:1.4rem;

    margin-bottom:50px;

}


.polaroid-frame{

    background:white;

    padding:25px;

    border-radius:5px;

    width:95%;

    margin:auto;

    box-shadow:0 18px 35px rgba(0,0,0,.35);

    transform:rotate(-1deg);

    transition:.4s;

}

.polaroid-frame:hover{

    transform:rotate(0deg) translateY(-8px);

}


.polaroid-image{

    height:650px;

    object-fit:cover;

    border:2px solid #ddd;

}



.polaroid-caption{

    background:white;

    padding:35px 20px 15px;

}

.polaroid-caption h2{

    font-family:"Bebas Neue",sans-serif;

    letter-spacing:3px;

    color:#2d4669;

    font-size:2.7rem;

}

.polaroid-caption p{

    font-family:"Edu VIC WA NT Hand",cursive;

    color:#555;

    font-size:1.2rem;

}


.carousel-control-prev-icon,
.carousel-control-next-icon{

    background-color:rgba(0,0,0,.45);

    border-radius:50%;

    padding:25px;

}


.carousel-indicators button{

    background:#2d4669;

    width:12px;

    height:12px;

    border-radius:50%;

}



@media(max-width:992px){

.polaroid-image{

height:450px;

}

.gallery-title{

font-size:4.5rem;

}

}

@media(max-width:768px){

.polaroid-image{

height:300px;

}

.gallery-title{

font-size:3.5rem;

}

.gallery-subtitle{

font-size:1rem;

}

.polaroid-caption h2{

font-size:2rem;

}



.double-gallery{

    padding:90px 0;

}


.mini-polaroid{

    background:white;

    padding:20px;

    box-shadow:0 15px 35px rgba(0,0,0,.30);

    transition:.35s;

}

.mini-polaroid:hover{

    transform:translateY(-8px);

}

.square-polaroid{

    transform:rotate(-2deg);

}

.portrait-polaroid{

    transform:rotate(2deg);

}

.gallery-square{

    aspect-ratio:1/1;

    object-fit:cover;

    width:100%;

}

.gallery-portrait{

    aspect-ratio:7/10;

    object-fit:cover;

    width:100%;

}

.gallery-caption{

    background:white;

    text-align:center;

    padding:18px;

    font-family:"Edu VIC WA NT Hand",cursive;

    font-size:22;

    color:black;

}