style.css

.panah {
    position: fixed; 
}

nav {
    background-color: #80b1b3;
}


.row-1 {
    background-color: #80b1b3;
}

.text-wellcome {

    margin-top: 100px;
} 

.img-wellcome {
    margin-top: 100px;
  
}





.profile {
    padding-top: 5rem;
    background-image: url("Image/background.jpg");
    background-attachment: fixed;
    
    
   
}

.jumbotron1 {
    background-color: #80b1b3;

 

}

.btn1 {
    margin-left: 150px;
    background-color: #a6a6a6;
}






.portfolio {
    background-color: #80b1b3;
    
    
    
}

.about {
    border-color: black;
    border-radius: 10px;
    background-color: #8c8c8c;
}

.card {
    border: none;
    background-color: #437070;
    border-radius: 20px;

   

    
}

#About {
    background-color: #a6a6a6;
}

.card-img-top {
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
}



.card:hover {
    transform: translateY(-15px);
    transition: transform .3s;
}

.slide {
    width: 1100px;
    margin: auto;
   
}

.copy {
   
    color: white;
    text-align: center;
    background-color: #273036;
   
}

div.galery {
    margin: 5px;
    border: 1px solid #ccc;

}

div.gallery img {
  width: 100%;
 
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: 100px; /* Remove borders */
    color: black; /* Set a background color */
    cursor: pointer; /* Add a mouse pointer on hover */
    border-radius: 490px; /* Rounded corners */
    font-size: 32px; /* Increase font size */
  }