style.css

body{
margin:0;
padding-top:800px;
text-align: center;
}
.profile{
width:175px;
margin-bottom:50px;
border-radius:50%;
}
#welcome{
position:absolute;
overflow:hidden;
height:800px;
color:chocolate;
bottom:0;
opacity:.83;
background:linear-gradient(#349eeb 0%,#e8eb34 100%);
display:table;
width:100%;
height:100%;
z-index: 9;
}
.parallax-inner{
display:table-cell;
position: relative;
text-align: center;
vertical-align: middle;
}
h1{
 font-size: 40px;
line-height: 1.2;
font-family: inherit;
font-weight: 300;
}
#name{
font-size: 30px;
line-height:1.2;
font-family: cursive;
}
h2{
font-size: 30px;
font-weight: 300;
line-height: 1.2;
font-family: monospace;
}
#bio{
padding:50px;
text-align:center;
font-size: 42px;
}
.line{
height:6px;
background-color: black;
width: 70px;
margin: 8px auto;
}
p{
max-width: 450px;
margin: 25px auto;
font-size:17px;
line-height: 1.3;
}
.ul1{
font-family:Raleway,sans-serif;
top: 0px;
z-index: 10;
position: fixed;
    background: white;
    width:100%;
    margin-top:0px;
}
.links{
 padding-left: 33px;
 padding-right: 25px;
color: darkblue;
font-size: 20px;
font-family: fantasy;
display:inline;
}
.links:hover{
background: linear-gradient(#349eeb 0%,#e8eb34 100%);
font-size: 24px;
    text-decoration: underline;
}
a{
text-decoration: none;
    color:crimson;
    text-shadow:2px 2px gainsboro;
}
.article:hover{
background: linear-gradient(#349eeb 0%,#e8eb34 100%);
}
html{
scroll-behavior: smooth;
}
#Contacts{
    background: linear-gradient(#349eeb 0%,#e8eb34 100%);
}
.Contact_1 a{
    color: blue;
    text-shadow:none;
}
.Contact_1 h3{
    display: inline;
}
#Writings a{
    text-shadow: none !important;
    text-decoration:underline !important;
    color:blue !important;
}