*{
    margin: 0; padding: 0; border: 0; box-sizing: border-box; 
}
body {
    font-family: sans-serif;
    color:rgb(60, 168, 132);
    background:linear-gradient(rgb(51, 63, 51),rgb(179, 214, 214));
    background-repeat: no-repeat;
    background-size: cover;
}

#navigation{
    text-align: center;
    border: 5px ridge red;
    margin-bottom: 5px;
    margin-top: 10px;
}
#navigation a{
    font-size: 55px; 
    color: green;  
    text-decoration:none ;
    padding-left: 200px;
    margin-right: 50px;
}
#navigation a:hover{
    color: lime;
}
h1{
    
    
    color: chocolate;
    text-shadow: 5px 0px rgb(128, 0, 0);
    
    border-radius: 25% 10%;
    

}
.Introduction{
    border: 8px ridge purple;
    margin-right: 42em;
    box-shadow: 5px 5px 5px rgba(37, 37, 128, 0.493);
    color: antiquewhite;
    background-image: linear-gradient(to left, rgba(51, 0, 85, 0.3) 20%, rgba(0, 156, 34, 0.6)) ,url(../images/boat.jpg) ;
    width: 100%;
    height:15em;
    text-align: center;
    
}
.Introduction p{
    font-size: 35px;
    
}
.Introduction h3{
    font-size: 55px;
}
a{
    color:#14080e ;
    font-style: italic;
    font-weight: bold;
}
.Other-projects {
    margin-top: 10px;
    font-size: 25px;
    list-style: none;
    border: 5px ridge lime;
    text-align: center;
    float: left;
    width: 33%;
    height: 270px;
}
.daily-song{
    float: left;
    width: 34%;
    font-size: 25px;
    border: 5px;
    text-align: center;
    color: #7a003d;
    border: 5px ridge yellow;
    margin-top: 10px;
    height: 270px;
}
.Random-interesting-things{
    float: left;
    width: 33%;
    font-size: 25px;
    border: 5px;
    text-align: center;
    color: #7a003d;
    border: 5px ridge rgb(255, 0, 0);
    margin-top: 10px;
    height: 270px;
}
#profile{
    position: relative;
    bottom: 400px;
    filter: contrast(120%);
}



p{
    font-size: 25px;
}
.logo{
    display: block;
    margin-left: auto;
    margin-right: auto;
    
}