style.css

.title{
    font-family: 'Notable', sans-serif;
    color: cyan;
}
h1{
    font-size: 50px;
}
h1:hover{
    color: orange;
    background-image: radial-gradient(50deg,#0dc1a3,#0d85c1);
} 
/*This tag for Big dream*/
span{
    color: gold;
    font-size:40px;
    width:700;
}
span:hover{
   
    color: springgreen;
}
 
#me:hover{
    color: magenta;
}
body{
    margin: 0;
    font-family: 'Notable', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-size:24px;
}
section{
    height: 700px;
}
.pragph{
    color: lightblue;
}
.pragph:hover{
    color: hotpink;

}
.half-width{
    width:40%;
    float: left;
    margin-left:5%;
    padding-left: 2%;
}
.half-width img{
    width: 100%;
}
.top-border{
    background-image: url(images/top-banner.png);
    background-repeat: no-repeat;
    background-attachment:scroll;
}
.angkor-button{
    text-decoration:none;
    background-image: linear-gradient(35deg,lightsalmon,tomato);
    border-radius: 5px;
    padding: 10px 20px;
    color: white;
    font-weight: 800;
}
.angkor-button:hover{
   color: yellow;
}
.goal-area{
    background-image: url(images/dream-bg.png);
    background-repeat:no-repeat;
    background-position: right;
}
/*This class for goal*/
.goal{
   color: darkgray;
}
.goal:hover{
    color: goldenrod;
    font-family: 'Galada', cursive;
}
.single-expriences{
    box-shadow: 10px 10px 40px gray;
    border-radius: 5px;
    height: 70%;
}
.exprience-area{
    background-image: url(images/exp-bg.png);
    background-repeat: no-repeat;
    background-position:left;
}
#full-stack{
    border-left: 7px solid;
    border-image: linear-gradient(180deg,lightsalmon,tomato);
    border-image-slice: 1;
}
#junior{
    border-left: 7px solid;
    border-image: linear-gradient(180deg,blue,cyan);
    border-image-slice: 1;
}
footer p{
    text-align: center;
    font-size: 10px;
}