/* Place your CSS styles in this file */
body{
font-family: 'Montserrat', sans-serif;
  height: 600px;
  animation-name: example;
  background-image: linear-gradient(blue, yellow);
}
aside{
    margin: auto;
}
.sidebar{
    background-color:#1E2939;
    padding-top: 15px;
    width: 370px;
}
.photo{
    width: 370px;
    margin-bottom: 10px;
    
}
.sidebar-title{
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 10px;
    margin-bottom: 10px;
    
}
.contakts{
    margin-left: 46px;
    margin-bottom: 10px;
    width: 370px;
}

.contact-type{
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: white;
margin-right: 47px;
}
.contakt-link{
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    position: relative; 
    color: white;
    
}
#info1 {
  color: red;
  font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 24px;
    position: relative;   
 }
.fond{
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
margin-right: 47px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
text-decoration-line: underline;
text-decoration-color: yellow
}

.muzik{
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
margin-right: 47px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px yellow, 0 0 5px darkblue;
text-decoration-line: underline;
text-decoration-color: rgb(25, 0, 255)
}