.a{
    background-color:#343944;
    width:300px;
    height:700px;
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    
    
}


}

h{
    position: absolute;
    left:350px;
    top:80px;

}

#name{
    position: absolute;
    left:40px;
    top:50px;
    color:white;
}



#personal{
    
    position: absolute;
    left:20px;
    top:100px;
    color:white;
    
    
}

.b{
    background-color:#1f232e;
    position:absolute;
    width:300px;
    right:-280px;
    
    animation: smal 15s ease infinite;
    background: linear-gradient(-45deg, #343960, #343944, #1f232e,#343960);
    background-size: 400% 400%;
    
}

@keyframes smal {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


#details{
    color:white;
    position: absolute;
    left:10px;
    top:140px;
}

#skills{
    position: absolute;
    top:100px;
    left:350px;
}

#above-skills{
    background-color:black;
    border:1px solid black;
    width:500px;
    position: absolute;
    top:85px;
    left:350px;
}

#below-skills{
    background-color:black;
    border:1px solid black;
    position: absolute;
    width:500px;
    top:15px;
}

#skills-list{
    position: absolute;
    top:120px;
    left:330px;
}

#above-education{
    background-color:black;
    border:1px solid black;
    width:500px;
    position: absolute;
    top:215px;
    left:350px;
}

#education{
    position: absolute;
    top:230px;
    left:350px;
    
}

#below-education{
    background-color:black;
    border:1px solid black;
    width:500px;
    position: absolute;
    top:15px;
    left:0px;
}

#education-list{
    position: absolute;
    top:250px;
    left:330px;
}

#above-marks{
    background-color:black;
    border:1px solid black;
    width:500px;
    position: absolute;
    top:330px;
    left:350px;
}

#marks{
    position: absolute;
    top:350px;
    left:350px;
    
}

#below-marks{
    background-color:black;
    border:1px solid black;
    width:500px;
    position: absolute;
    top:15px;
    left:0px;
}

#marks-list{
    position: absolute;
    top:370px;
    left:330px;
}