.footer1{
            width:100%;
            height:60px;
          display: flex;
      
/*
background: hsla(216, 100%, 52%, 1);

background: linear-gradient(90deg, hsla(216, 100%, 52%, 1) 14%, hsla(180, 23%, 9%, 1) 100%);

background: -moz-linear-gradient(90deg, hsla(216, 100%, 52%, 1) 14%, hsla(180, 23%, 9%, 1) 100%);

background: -webkit-linear-gradient(90deg, hsla(216, 100%, 52%, 1) 14%, hsla(180, 23%, 9%, 1) 100%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#0A6BFF", endColorstr="#121D1D", GradientType=1 );
*/
        
        background: hsla(219, 11%, 36%, 1);

background: linear-gradient(90deg, hsla(219, 11%, 36%, 1) 14%, hsla(180, 23%, 9%, 1) 100%);

background: -moz-linear-gradient(90deg, hsla(219, 11%, 36%, 1) 14%, hsla(180, 23%, 9%, 1) 100%);

background: -webkit-linear-gradient(90deg, hsla(219, 11%, 36%, 1) 14%, hsla(180, 23%, 9%, 1) 100%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#535A67", endColorstr="#121D1D", GradientType=1 );
        flex-direction: row;
            align-items:center ;
       box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.9); 
        display:flex;
      
        }
        .rightfooter{
            width: 80%;
            height: 100%;
      
display: flex;
 
            flex-direction: column;
            align-items:flex-start ;
          justify-content: flex-start;
        }
        .leftfooter{
            width: 20%;
            height: 100%;
            display: flex;
 
            flex-direction: column;
            align-items:flex-end;
          justify-content: center;
           
            
        }
        .leftfooter p{
            font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
          font-weight:bold;
          color:#2bda7d;
            padding-right:10px;
            
           
          
        }

.leftfooter p a{
    
            text-decoration: none;
                 color:#2bda7d;
      animation: color-change 5s infinite;
    
}



@keyframes color-change {
  0% { color: #2bda7d;text-decoration: none;}
  50% { color: #1DA1F2;text-decoration: underline;}
  100% { color: #2bda7d;text-decoration: none ;}
}
.rightfooter .imgsec{
   
    width:5%;
    height: 100%;
    background-image: url("https://agkaportfolio.web.app/images/1641106937195-removebg-preview.png");
    background-size: cover;
    background-position: center;
    
}
        


.modalView {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",
  Helvetica, Arial, "Lucida Grande", sans-serif;
  width: 300px;
  position: absolute;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  left: 50%;
  display: none;
  background: #6f1d93;
  transform: translate(-50%, -50%);
  padding: 20px 20px;
  font-size: 1.2rem;
  z-index: 9999;
  -webkit-box-shadow: -1px 2px 30px -8px rgba(0, 0, 0, 0.62);
  -moz-box-shadow: -1px 2px 30px -8px rgba(0, 0, 0, 0.62);
  box-shadow: -1px 2px 30px -8px rgba(0, 0, 0, 0.62);
}

.modalView > .modalView__content {
  color: white;
  font-weight: bold;
}
.modalView > .modalView__content.centered {
  text-align: center;
}

.modalView__content h1 {
  font-size: 1.5rem;
  padding-bottom: 10px;
}
.modalView__content p {
  font-size: 1rem;
}

#modalView__closeBtn {
  position: absolute;
  background: #000000;
  width: 35px;
  border-radius: 35px;
  height: 35px;
  right: -17px;
  top: -17px;
  color: white;
}

#modalView__closeBtn {
  cursor: pointer;
}
#modalView__closeBtn:after,
#modalView__closeBtn:before {
  content: "";
  height: 20px;
  width: 20px;
  border-top: 3px solid #ffffff;
  position: absolute;
  top: 13px;
  right: 0px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#modalView__closeBtn:before {
  color: white;
  right: 14px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#modalView__closeBtn:hover {
  background-color: green;
}


@media screen and (max-width: 860px) {
  .footer1{
    width:100%;
    height:60px;
  display: flex;

/*
background: hsla(216, 100%, 52%, 1);

background: linear-gradient(90deg, hsla(216, 100%, 52%, 1) 14%, hsla(180, 23%, 9%, 1) 100%);

background: -moz-linear-gradient(90deg, hsla(216, 100%, 52%, 1) 14%, hsla(180, 23%, 9%, 1) 100%);

background: -webkit-linear-gradient(90deg, hsla(216, 100%, 52%, 1) 14%, hsla(180, 23%, 9%, 1) 100%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#0A6BFF", endColorstr="#121D1D", GradientType=1 );
*/

background: hsla(219, 11%, 36%, 1);

background: linear-gradient(90deg, hsla(219, 11%, 36%, 1) 14%, hsla(180, 23%, 9%, 1) 100%);

background: -moz-linear-gradient(90deg, hsla(219, 11%, 36%, 1) 14%, hsla(180, 23%, 9%, 1) 100%);

background: -webkit-linear-gradient(90deg, hsla(219, 11%, 36%, 1) 14%, hsla(180, 23%, 9%, 1) 100%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#535A67", endColorstr="#121D1D", GradientType=1 );
flex-direction: row;
    align-items:center ;
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.9); 
display:flex;

}
.rightfooter{
    width: 80%;
    height: 100%;

display: flex;

    flex-direction: column;
    align-items:flex-start ;
  justify-content: flex-start;
}
.leftfooter{
    width: 20%;
    height: 100%;
    display: flex;

    flex-direction: column;
    align-items:flex-end;
  justify-content: center;
   
    
}
.leftfooter p{
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-weight:bold;
  color:#2bda7d;
    padding-right:10px;
    
   
  
}

.leftfooter p a{

    text-decoration: none;
         color:#2bda7d;
animation: color-change 5s infinite;

}



@keyframes color-change {
0% { color: #2bda7d;text-decoration: none;}
50% { color: #1DA1F2;text-decoration: underline;}
100% { color: #2bda7d;text-decoration: none ;}
}
.rightfooter .imgsec{

width:20%;
height: 100%;
background-image: url("https://agkaportfolio.web.app/images/1641106937195-removebg-preview.png");
background-size: cover;
background-position: center;

}



.modalView {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",
Helvetica, Arial, "Lucida Grande", sans-serif;
width: 300px;
position: absolute;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
top: 50%;
left: 50%;
display: none;
background: #6f1d93;
transform: translate(-50%, -50%);
padding: 20px 20px;
font-size: 1.2rem;
z-index: 9999;
-webkit-box-shadow: -1px 2px 30px -8px rgba(0, 0, 0, 0.62);
-moz-box-shadow: -1px 2px 30px -8px rgba(0, 0, 0, 0.62);
box-shadow: -1px 2px 30px -8px rgba(0, 0, 0, 0.62);
}

.modalView > .modalView__content {
color: white;
font-weight: bold;
}
.modalView > .modalView__content.centered {
text-align: center;
}

.modalView__content h1 {
font-size: 1.5rem;
padding-bottom: 10px;
}
.modalView__content p {
font-size: 1rem;
}

#modalView__closeBtn {
position: absolute;
background: #000000;
width: 35px;
border-radius: 35px;
height: 35px;
right: -17px;
top: -17px;
color: white;
}

#modalView__closeBtn {
cursor: pointer;
}
#modalView__closeBtn:after,
#modalView__closeBtn:before {
content: "";
height: 20px;
width: 20px;
border-top: 3px solid #ffffff;
position: absolute;
top: 13px;
right: 0px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#modalView__closeBtn:before {
color: white;
right: 14px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#modalView__closeBtn:hover {
background-color: green;
}



}