body {
    background-color:#0d1117 ;
    /* display:flex; */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.nav {
    display : flex;
    padding-left: 60px;
}
.vslogo {
    margin-left:30px;
    margin-top: 15px;
}
.vstitle {
    color :#C3D0E5 ;
    margin-left:20px;
}
.vstitle h2{
   font-size: 19px; 
}
.navelement a {
    color: #b3bed0;
    padding-left:20px;
    font-size: 16px;
    text-decoration: none;
}
.navele {
    display:flex;
    margin-top: 18px;
    margin-left: 10px;
}
.search-container {
    display:flex;
    margin-left:100px;
    display:flex;
    margin-top:11px;
}
.search input {
    padding: 6px;
    width : 170px;
    color:#b3bed0;
    background-color : #0d1117;
    border: solid grey 0.5px;
    border-radius: 3px;
    /* background-image:url ('https://code.visualstudio.com/assets/icons/search-dark.svg;'); */
}
button {
    margin-left: 10px;
    padding: 5px;
    width:110px;
    border:solid #0069B9;
    border-radius: 4px;
    background-color:#0069B9 ;
    color:#f5f6f8

}
.gradient-box {
    
    color:#b3bed0;
    height:30px;
    display:flex;
    padding-top:10px;
    justify-content: center;
    font-size:15px;
    background-color: #091525;
    border: 1px solid rgba(222, 209, 209, 0.192); /* Very light grey border */
    border-left: 2px;
    border-right: 2px;

}
.intro {
    display: flex;
    justify-content:center;
}
.intro h1{
    color:#C3D0E5;
    display:flex;
    justify-content: center;
    font-size: 70px;
    margin-bottom: 40px;
}
.btn1 a{
    padding:13px 21px;
    color:#f5f6f8;
    background-color:#0069B9;
    border-radius:5px;
    text-decoration: none;
    /* font-weight: normal; */
    border:solid 1px #0069B9;
}
.btn2 a{
    padding:13px 18px;
    color:#c3d0e5;
    background-color:#25292e;
    border-radius:5px;
    text-decoration: none;
    font-weight: normal;
    border:solid 1px grey;
    margin-left:10px;
}
.third {
    display:flex;
    justify-content: center;
}
.four {
    display: flex;
    justify-content: center;
    margin-top:25px;
    color:#b3bed0;
    font-size:12px;
    font-weight: normal;
}
.link {
    font-size:12px;
    color:#409ce2;
}

.img2 img {
    display: block;
    /* justify-content: center; */
    height:auto;
    width:auto;
    margin:auto;
    border-radius:12px;
    margin-top:35px;
    max-width:80%;
    

  
}