.self-talk {
    padding-top: 28vh;
    width: 30%;
    float: left;
    padding-left: 50%;
    margin: 0px;
    text-align: left;}

small{
        margin:0px;
    
    line-height: 21px;
   
    width:50%;
    left:25%;
    font-size: 14px;
    text-align: center;
    color: aliceblue;
    align-content: center;
    word-break: break-all; 
    letter-spacing: 1.6;
     text-shadow: 10px 10px 10px rgb(0, 0, 0);
}
.big-bg{
    color: aliceblue;
    position: relative;
    width:100vw;
    background-image:url(img/blackandwhite/629.jpg);
    height:100vh;
    background-size: 100vw;
    background-attachment: fixed;
    background-position: center center;
    
    animation-name: rotateAnimation;
    animation-duration: 1ms; /* Firefox requires this to apply the animation */
    animation-timeline:scroll();

}
@keyframes rotateAnimation {
    from {
      filter: brightness(100%);
      background-size: 100vw;
    }
  
    to {
        filter: brightness(-100%);
        background-size: 30vw;
    }
  }
  
h2{
    margin:0px;
    
    line-height: 2em;

    
    
    font-size: 17px;
    
    
    align-content: center;
    word-break: break-all; 
    letter-spacing:0.2em;
    text-shadow: 10px 10px 10px rgb(0, 0, 0);
}
.forpc{
    line-height: 20px;

}
#about{
     font-size: 20px;
    line-height: 4.0em;
}

#shootbk{
    background-image: url(img/blackandwhite/000146710003.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#shootcol{
    background-image: url(img/colorful/000011840027.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#AI{
    background-image: url(img/AI/playground-image-hX3XM.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.footer{
    margin-top: calc(100vh - 150px);
}