* {
    margin: 0;
    padding: 0;
}

.sidebar {
    background:linear-gradient(to bottom, rgb(147, 147, 231),rgb(99, 222, 193));
    font-family: 'Times New Roman', Times, serif;
    height: 146vh;
    width: 27vw;
}

.sidebar nav {
    padding: 20px;
}

.sidebar nav li {
    list-style: none;
    font-size: 20px;
    padding: 33px 0;
}

.sidebar nav li a {
    text-decoration: none;
    color: black;
}

.main {

    width: 80vw;
}

.container {
    display: flex;
}

.infoContainer {
    height: 80vh;
    width: 70vw;
    margin: 130px auto;
    display: flex;
    justify-content: space-around;
    color: black;
    margin-top: 30px;
    margin-left: 40px;

}

.info {
    display:flex;
    justify-content:center;
    flex-direction: column;
}

.Hello {
    font-size: 43px;
    font-weight: 600;
    margin-left: 9px;
    font-family: 'Times New Roman', Times, serif;
}

.About {
    font-size: 24px;
    margin-top: 10px;
    margin-left: 9px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.Summary {
    font-size: 20px;
    margin-top: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-bottom: 10px;
    margin-left: 9px;
}

.heading{
    color: crimson;
    background:linear-gradient(to bottom, rgb(147, 147, 231),rgb(99, 222, 193));

}

.Buttons button {
    padding: 10px 10px;
    border-radius: 20px;
    color: azure;
    background-color: grey;
    font-weight: 700;
    font-size: 15px;
    margin: 0 3px;
    cursor: pointer;
}

.Buttons button:hover {
    color: grey;
    background-color: azure;

}



.Education summary{
    background: linear-gradient(
        to right, #21f3b1, #003333,
         #cf23cf, #eedd44);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 40px;
	position: relative;
	cursor: pointer;
    padding: 1em .5em;
	list-style-type:disc;
    -webkit-transition: color 0.5s;
    
}

.Education summary::-webkit-details-marker {
		display: none; 
  
	}
	
.Education summary:hover {
    background: rgb(56, 188, 140);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: rgb(56, 188, 140);
}


.pic img {
  filter:drop-shadow(10px 10px 10px rgb(87, 86, 86));
    border-radius: 50px;
    height: 90vh;
    width: 30vw;
}

.main{
    background-image: url('https://f8n-production.s3.amazonaws.com/creators/profile/ost2l98to-759a5c7e974e477802ea74a6cf9c0cbb-jpeg-42wexe.jpeg');
    background-size: 100% 100%;
    width: 100%;
}

.Contactform {
    padding: 0% 40px;
    padding-top: 100px;
    font-family: 'Times New Roman', Times, serif;
    color: black;
}

.Contactform h1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
    color: black;
    margin-top: auto;
}

.Contactform form div {
    padding: 15px 0;
    display: flex;
    flex-direction: column;
}

.Contactform form div input {
    width: 26vw;
    border-radius: 5px;
    margin: 5px 0 0 0;
    padding: 3px;
}

#form-check {
    flex-direction: row;
}

#form-check input {
    width: 10px;
    margin-right: 10px;
}

h1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 20px ;
}

p {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

.Intro h2 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 15px;
    margin-top: 30px;
    font-size: 29px;
}

.Intro p {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 12px;
    font-weight: 400;
    font-size: 20px;
}

.Skillcontainer {
    padding: 12px;
    font-size: 20px;
}

.Skillitem {
    display: flex;
    align-items: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
}

.Skill {
    width: 250px;
    height: 7px;
    background-color: red;
    border: 2px solid black;
    margin-left: 0px;
    margin-right: 10px;
}


.aboutme {
    margin-left: 20px;
    margin-top: 2vh;
    margin-bottom: 2vh;
}

.me{
    margin-left: 20px;
}
.myskills{
    margin-top: 5vh;
    margin-left: 20px;
    margin-bottom: 5vh;
}

.skills{
    margin-left: 2vh;
}

.skills-content{
width: 50%;
margin-left: 20px;
}

.skills .skills-content .left .bars {
    margin-bottom: 25px;
    border-radius: 50px;

}

.skills .skills-content .left .info {
    display: flex;
    margin-top: 20px;
    margin-bottom: 5px;
}

.skills .skills-content .left .info .sub {
    font-weight: 600;
    font-size: 20px;
    text-align: left;
}
.skills .skills-content .left .info .per {
    font-weight: 550;
    font-size: 20px;
    text-align: right;
}


.skills .skills-content .left .line {
    height: 5px;
    width: 100%;
    border-radius: 50px;
    background: lightgray;
    position: relative;
}

.skills .skills-content .left .line::before {
    content: "";
    position: absolute;
    height: 100%;
    border-radius: 50px;
    filter:drop-shadow(5px 5px 5px rgb(109, 84, 235));
    left: 0;
    top: 0;
    background: rgb(115, 115, 240);
}

.skills-content .left .html::before {
    width: 80%;
}

.skills-content .left .css::before {
    width: 70%;
}

.skills-content .left .js::before {
    width: 50%;
}

.skills-content .left .sql::before {
    width: 50%;
}

.skills-content .left .c::before {
    width: 70%;
}

.skills-content .left .cpp::before {
    width: 70%;
}

.skills-content .left .java::before {
    width: 70%;
}



.main1{
    background-image: url('https://img.freepik.com/free-vector/abstract-simple-background_53876-99863.jpg?w=2000');
    background-size: 100% 100%;
    width: 100%;
    
}

.Education li{
    font-weight:bolder;
    font-size:25px;
}

.Education ul{
   margin-left: 10px;
   margin: 20px;
}
.Education{
    margin-top: 30px;
    color:black;
}
.Education p{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 12px;
    font-weight: 400;
    margin-left: 20px;
    font-size: 18px;
    
}

.Education p{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-weight: 500;
text-shadow: 1px 2px rgba(183, 183, 183, 1);
}

.main2{
    
    background-image: url('https://us.123rf.com/450wm/applekrab/applekrab2005/applekrab200500063/149609306-two-color-paper-with-blue-and-white-overlap-on-the-floor-and-split-half-of-the-image-background.jpg?ver=6');
    background-size: 100% 100%;
    width: 100%;
}

.Experience{
    color: rgb(94, 1, 1);
    
}

.Experience ul{
    margin-left: 10px;
    margin: 20px;
    
}

.Experience ul li{
    font-weight:600;
    font-size:25px;

}

.Experience p{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 12px;
    font-weight: 500;
    margin-left: 20px;
    font-size: 15px;   
}

.Experience ol li{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 5px;
    font-weight: 400;
}

.Experience ol{
    margin-left: 10px;
    margin: 20px;
}

.accio,
.social{
        list-style: disc;
        color: darkred;
        padding: 5px;
        margin-left: 35px;
      }

.accio:hover,
.social:hover{
    transition: all 0.3s ease;
    background:rgba(164, 159, 159, 0.6);
}


.main3{
    background-image: url('https://i.pinimg.com/736x/f9/65/6f/f9656fd8a396b4db4b0a39fd96660591.jpg');
    background-size: 100% 100%;
    width: 100%;
}

.Certifications ul{
    margin-left: 10px;
    margin: 15px;
    color: white;
}

.Certifications ul li{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 5px;
    font-weight:bold;
    color: white;
    font-size: 18px;
}

.Certifications p{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 5px;
    font-weight: 400;
    margin-left: 20px;
    font-size: 15px;   
    color: white;
}

.Certifications a{
    text-decoration: none;
    font-size:27px;
    margin-left: 450px;
    color: white;
}

.Certifications a:hover{
    color: red;
}

.main4{
    background-image: url('https://i.pinimg.com/736x/5c/70/45/5c7045a19ad6b37d4d6fdf998a402a4f.jpg');
    background-size: 100% 100%;
    width: 100%;  
}