:root {

  --bg: pink;
  --fg: aqua;
  
}

body{

    background-color: var(--bg);
}
.theme1 {
    background-color: rgb(44, 44, 44);
    padding: 4px 12px;
    color: rgb(255, 166,0);
 }
 
 .img{
   height: 600px;
   width: 600px;
   border-radius:10%;
   height: 500px ; width: 500px;
 }
 
 .imageDiv{
    height: 500px ; width: 500px;
    overflow: hidden;
    margin: auto;
    border-radius: 100px;
    border: 10px solid var(--fg);
    transform: rotate(-8deg);
  

  }

.image{


 
  border-radius: 100px;
  flex-direction: row;
  height: 500px ; width: 400px;


}

.photos {

  height: 400px ; width: 500px;
  overflow: hidden;
  margin: auto;
  border-radius: 100px;
  border: 10px solid salmon;
}

.heading1 {

  width: 600px;
  margin:auto;
}
.bubble  {

  width: 80px; height: 70px;
  border: inset 10px coral;
  border-radius: 50%;
  position: absolute;
  z-index: auto;
  
}

@keyframes zoom {

  
}