*{
    margin: 0px;
    padding: 0px;
    font-family: 'Poppins', sans-serif;
}

/* home page */

.header{
    min-height: 5vh;
    width: 100%; 
    /* background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)), url('banner.png'); */
    background-position: center;
    background-size: cover; /*need to learn*/
    position: relative;
}

nav{
    display: flex; /*need to learn*/
    padding: 2% 6%;
    justify-content: space-between; /*need to learn*/
    align-items: center;
}

nav h1{
    font-size: 25px;
    /* text-decoration: none; */
    color: #0caa0c;
}

.s {
    font-size: 30px;
}

.t {
    font-size: 30px;
}

.p {
    font-size: 30px;
}

.nagiation-links{
    flex: 1; /*need to learn*/
    text-align: right;
}

.navigation-links ul li{
    list-style-type: none; /*need to learn*/
    display: inline-block;
    padding: 12px 12px;
    position: relative; /*need to learn*/
}

.navigation-links ul li a{
    color: #0caa0c;
    text-decoration: none;
    font-size: 20px;
}

.navigation-links ul li::after{ /*need to learn*/
    content: '';
    width: 0%;
    height: 5px;
    background: #0caa0c;
    display: block;
    margin: auto;
    transition: 0.5s;
}

.navigation-links ul li:hover::after{
    width: 100%;
}

.welcome{
    min-height: 50vh;
    width: 100%; 
    background-image: linear-gradient(rgb(255, 253, 253), rgba(255, 255, 255, 0.877)), url('banner.png');
    background-position: center;
    background-size: cover; /*need to learn*/
    position: relative;
}

.text-box{
    width: 88%;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

#brand {
    color: #0caa0c;
}

.text-box h1{
    font-size: 30px;
}

.text-box p{
    margin: 10px 0px 20px;
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 32px;
    word-spacing: 2px;
}

.text-box a{
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    color: #0caa0c;
}

.btn{
    display: inline-block;
    text-decoration: none;
    color: #0caa0c;
    border: 2px solid #0caa0c;
    padding: 12px 34px;
    font-size: 15px;
    background: transparent;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
    margin-left: 15px;
}

.btn:hover{
    border: 2px solid #0caa0c;
    background: #0caa0c;
    color: #fff;
    transition: 1s;
}

#read{
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    color: #ffffff;
}

.btn2{
    display: inline-block;
    text-decoration: none;
    color: #fff;
    border: 2px solid #0caa0c;
    padding: 12px 34px;
    font-size: 13px;
    background: #0caa0c;
    position: relative;
    cursor: pointer;
    border-radius: 30px;
    transition: 1s;
}

.btn2:hover {
    background: #075f07;
    border: 2px solid #075f07;
}

/*Courses*/

.course{
    width: 80%;
    margin: auto;
    text-align: center;
    padding-top: 100px;
}

.course h1{
    color: #0caa0c;
    font-size: 36px;
    font-weight: 600;
    padding-bottom: 60px;
}

#algo-header {
    color: #0caa0c;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 70px;
}

.course p{ 
    font-size: 20px;
    font-weight: 300;
    line-height: 40px;
    padding: 10px;
    padding-left: 20px;
    text-align: left;
}

.row{
    margin-top: 0.5%;
    display: flex;
    justify-content: space-between;
}

.course-col{
    flex-basis: 31%;
    background: white;
    border-radius: 10px;
    margin-bottom: 5%;
    padding: 40px 12px;
    box-sizing: border-box;
    /* transition: 0.5s; */
    box-shadow: 0 0 40px 0px rgba(0,0,0,0.2);
}

.course-col h4{
    text-align: left;
    /* font-size: 25px; */
    font-weight: 500;
    margin: 10px 0;
    padding-left: 20px;
    color: #727272;
}

.course-col h2{
    text-align: left;
    font-size: 30px;
    font-weight: 600;
    margin: 10px 0;
    padding-left: 20px;
    /* color: #0caa0c; */
}

.ahref{
    font-size: 20px;
    text-align: left;
    padding-top: 20px;
    padding-left: 20px;
}

.ahref a {
    text-decoration: none;
    color: white;
}

.continue-btn {
    display: inline-block;
    text-decoration: none;
    color: white;
    border: 2px solid #0caa0c;
    padding: 12px 24px;
    font-size: 20px;
    background: #0caa0c;
    position: relative;
    cursor: pointer;
    border-radius: 15px;
    transition: 0.5s;
}

.continue-btn:hover {
    color: #0caa0c;
    background: transparent;
    border: 2px solid #0caa0c;
}

.not-continue-btn {
    display: inline-block;
    text-decoration: none;
    color: white;
    border: 2px solid #76bd76;
    padding: 12px 24px;
    font-size: 20px;
    background: #76bd76;
    position: relative;
    cursor: not-allowed;
    border-radius: 15px;
    transition: 0.5s;
}

.algorithm-course-logo {
    padding-bottom: 40px;
    width: 67%;
}

.ds-course-logo {
    padding-bottom: 40px;
    width: 54%;
}

.C-course-logo {
    padding-bottom: 40px;
    width: 50%;
}

.java-course-logo {
    padding-bottom: 40px;
    width: 54.9%;
}

/* .course-col:hover{
    box-shadow: 0 0 40px 0px rgba(0,0,0,0.2);
} */

/* testimonials

.testimonial{
    width: 80%;
    margin: auto;
    padding-top: 100px;
    text-align: center;
}

.testimonial h1{
    color: #0caa0c;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
}

.testimonial-col{
    flex-basis: 44%;
    border-radius: 15px;
    margin-bottom: 5%;
    text-align: left;
    background: #dffadf;
    padding: 25px;
    cursor: pointer;
    display: flex;
}

.testimonial-col img{
    height: 40px;
    margin-left: 5px;
    margin-right: 30px;
    border-radius: 50%;
}

.testimonial-col p{
    padding: 0;
}

.testimonial-col h3{
    margin-top: 15px;
    text-align: left;
} */

/* footer */

.footer{
    width: 100%;
    text-align: left;
    flex-basis: 100%;
}

.footer h1{
    font-size: 25px;
    /* text-decoration: none; */
    color: #0caa0c;
    padding-top: 10px;
    padding-bottom: 80px;
    padding-left: 6%;
}

.footer img {
    padding-left: 6%;
}

.copy {
    color: rgb(129, 127, 127);
    font-size: 15px;
}

/* notes page */

.algorithm-notes-logo {
    padding-bottom: 40px;
    width: 40%;
}

.C-notes-logo {
    padding-bottom: 40px;
    width: 30%;
}

.java-notes-logo {
    padding-bottom: 40px;
    width: 35%;
}

.notes-row{
    margin-top: 0%;
    display: flex;
    justify-content: space-between;
}

.notes-course-col{
    flex-basis: 31%;
    background: white;
    border-radius: 10px;
    margin-bottom: 5%;
    padding: 40px 12px;
    box-sizing: border-box;
    /* transition: 0.5s; */
    box-shadow: 0 0 40px 0px rgba(0,0,0,0.2);
}

.notes-course-col h2{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0;
    padding-left: 20px;
    /* color: #0caa0c; */
}

.notes-course-col h4{
    text-align: center;
    /* font-size: 25px; */
    font-weight: 500;
    margin: 10px 0;
    padding-left: 20px;
    color: #727272;
}

.ahref-notes{
    font-size: 12px;
    text-align: center;
    padding-top: 20px;
    padding-left: 20px;
}

.ahref-notes a {
    text-decoration: none;
    color: white;
}

.notes-btn {
    display: inline-block;
    text-decoration: none;
    color: white;
    border: 2px solid #0caa0c;
    padding: 10px 20px;
    font-size: 15px;
    background: #0caa0c;
    position: relative;
    cursor: pointer;
    border-radius: 30px;
    transition: 0.5s;
}

.notes-btn:hover {
    color: #ffffff;
    background: #056805;
    border: 2px solid #056805;
}

.not-available-btn {
    display: inline-block;
    text-decoration: none;
    color: white;
    border: 2px solid #a7dfa7;
    padding: 10px 20px;
    font-size: 15px;
    background: #a7dfa7;
    position: relative;
    cursor: not-allowed;
    border-radius: 30px;
    /* transition: 0.5s; */
}

/* Courses Page */

.start-now-btn {
    display: inline-block;
    text-decoration: none;
    color: white;
    border: 2px solid #0caa0c;
    padding: 12px 24px;
    font-size: 20px;
    background: #0caa0c;
    position: relative;
    cursor: pointer;
    border-radius: 15px;
    transition: 0.5s;
}

.start-now-btn:hover {
    color: #0caa0c;
    background: transparent;
    border: 2px solid #0caa0c;
}

.no-start-now-btn {
    display: inline-block;
    text-decoration: none;
    color: white;
    border: 2px solid #8fd88f;
    padding: 12px 24px;
    font-size: 20px;
    background: #8fd88f;
    position: relative;
    cursor: not-allowed;
    border-radius: 15px;
    transition: 0.5s;
}

/* About Page */

.about-header{
    /* min-height: 200vh;
    width: 100%; 
    /* background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)), url('banner.png'); */
    background-position: center;
    background-size: cover; /*need to learn*/
    position: relative; 
}

.about-text-box{
    /* width: 100%;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; */
}

.about-text-box h1{
    font-size: 40px;
    color: #0caa0c;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.about-text-box p{
    margin: 0px 50px 20px 50px;
    font-size: 22px;
    color: rgb(0, 0, 0);
    line-height: 42px;
    word-spacing: 2px;
    text-align: left;
}

.about-text-box h3{
    margin: 40px 50px 20px 50px;
    font-size: 30px;
    color: #086b08;
    line-height: 32px;
    word-spacing: 2px;
    text-align: left;
}

.edu h4{
    margin: 30px 110px 20px;
    text-align: left;
    font-size: 22px;
    font-weight: 400;
}

.edu h3{
    margin: 10px 110px 20px;
    text-align: left;
    font-size: 22px;
    font-weight: 550;
    color: rgb(146, 95, 19);
}

.about-footer{
    width: 100%;
    text-align: left;
    flex-basis: 100%;
}

.about-footer h1{
    font-size: 25px;
    /* text-decoration: none; */
    color: #0caa0c;
    padding-top: 10px;
    padding-bottom: 80px;
    padding-left: 3%;
}

.about-footer img {
    padding-left: 3%;
    padding-top: 3%;
}

.copy {
    color: rgb(129, 127, 127);
    font-size: 15px;
}

.about-text-box img {
    margin-left: 50px;
    margin-top: 20px;
    width: 70%;
}

.myInfo {
    margin-top: 0px;
    background-color: #fcfcfc;
    margin-bottom: 0px;
}

.info-row {
    padding-top: 4%;
    margin-left: 20%;
    margin-right: 25%;
    display: flex;
    justify-content: space-between;
}

.info-col {
    flex-basis: 100%;
    /* background: white; */
    /* border-radius: 10px; */
    /* margin-bottom: 0%; */
    /* padding: 40px 12px; */
    /* box-sizing: border-box; */
    /* transition: 0.5s; */
    /* box-shadow: 0 0 40px 0px rgba(0,0,0,0.2); */
}

.info-col p {
    padding-top: 40px;
    font-weight: thin;
    font-size: 16px;
    letter-spacing: 2px;
    word-spacing: 2px;
    color:rgb(65, 65, 65)
}

.info-col h1 {
    font-size: 60px;
    font-weight: 500;
    letter-spacing: 1.2px;
    color: #0caa0c;
}

.info-col img {
    width: 80%;
}

#details {
    padding-top: 0px;
    color: black;
    font-size: 16px;
}

.personal-info {
    padding-left: 6%;
    padding-top: 2%;
    padding-bottom: 2%;
    background-color: #efffef;
}

.personal-info h1 {
    color: #149414;
    font-size: 28px;
}

.personal-info p{
    font-size: 20px
}

/* Contact Page */

.contact {
    min-height: 20vh;
    width: 100%; 
    /* background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)), url('banner.png'); */
    background-position: center;
    background-size: cover; /*need to learn*/
    position: relative;
}

.contact-body {
    background: white;
    /* width: auto; */
    border-radius: 10px;
    margin-top: 5%;
    margin-left: 9%;
    margin-right: 9%;
    margin-bottom: 5%;
    padding: 100px 10px;
    box-sizing: border-box;
    /* transition: 0.5s; */
    box-shadow: 0 0 40px 0px rgba(0,0,0,0.2);
    text-align: center;
}

.contact-body h1 {
    color: #0caa0c;
    font-size: 30px;
    padding-bottom: 80px;
}

.contact-body img {
    width: 15%;
    border-radius: 100%;
    border: 4px solid #0caa0c;
}

.icons {
    padding-top: 60px;
}

#facebook {
    color: #1877F2;
}

#twitter {
    color: #1D9BF0;
}

#linkedin {
    color: #0077B7;
}

#github {
    color: black;
}

#instagram {
    color: #E55459;
}

#gmail {
    color: #F14336;
}

#telegram {
    color: #1E96C8;
}

#facebook:hover {
    color: #0caa0c;
    transition: 0.5s;
}

#twitter:hover {
    color: #0caa0c;
    transition: 0.5s;
}

#linkedin:hover {
    color: #0caa0c;
    transition: 0.5s;
}

#github:hover {
    color: #0caa0c;
    transition: 0.5s;
}

#instagram:hover {
    color: #0caa0c;
    transition: 0.5s;
}

#gmail:hover {
    color: #0caa0c;
    transition: 0.5s;
}

#discord:hover {
    color: #0caa0c;
    transition: 0.5s;
}

#slack:hover {
    color: #0caa0c;
    transition: 0.5s;
}

#telegram:hover {
    color: #0caa0c;
    transition: 0.5s;
}

.contact-row{
    margin-top: 3%;
    display: flex;
    justify-content: space-between;
}

.contact-col{
    flex-basis: 51%;
}

.contact-col a {
    text-decoration: none;
}

/* algorithms page */

.access-bar {
    margin-top: 3%;
    margin-left: 6%;
    margin-bottom: 3%;
    font-size: 25px;
    color: #076107;
}

.access-bar a {
    text-decoration: none;
    color: #0caa0c;
}

.algo-nav {
    text-align: center;
}

.algo-nav-row {
    margin-top: 2%;
    margin-left: 5.5%;
    margin-right: 5.5%;
    margin-bottom: 2%;
    display: flex;
    justify-content: space-between;
}

.algo-nav-col {
    flex-basis: 41%;
}

.algo-nav-col a {
    text-decoration: none;
    color: #076107;
    font-size: 20px;
}

.not-available {
    cursor: not-allowed;
}

.lecture-1 {
    margin-top: 3%;
    margin-left: 11.5%;
    margin-right: 11.5%;
    margin-bottom: 3%;
    background: white;
    /* width: auto; */
    border-radius: 20px;
    padding: 70px 10px;
    box-sizing: border-box;
    /* transition: 0.5s; */
    box-shadow: 0 0 40px 0px rgba(0,0,0,0.2);
    text-align: center;
}

.lecture-1 h2 {
    color: #0caa0c;
    font-size: 27px;
}

.lecture-1 p {
    color: #000;
    font-size: 20px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
    line-height: 42px;
}

.lecture-1 h4 {
    font-size: 22px;
    font-weight: 500;
    color: #0caa0c;
}

.lecture-1 a {
    text-decoration: none;
    margin-top: 15px;
}

.lecture-1-video {
    margin-top: 30px;
    margin-bottom: 30px;
    /* width: 100%; */
    position: relative;
    width: 100%;
    height: 100%;
}

.lecture-1 img {
    width: 50%;
}

.download-btn {
    display: inline-block;
    text-decoration: none;
    color: white;
    border: 2px solid #0caa0c;
    padding: 12px 24px;
    font-size: 20px;
    background: #0caa0c;
    position: relative;
    cursor: pointer;
    border-radius: 15px;
    transition: 0.5s;
    /* margin-bottom: 20px; */
}

.download-btn:hover {
    color: #0caa0c;
    background: transparent;
    border: 2px solid #0caa0c;
}

.algo-footer{
    width: 100%;
    text-align: left;
    flex-basis: 100%;
    padding-top: 2%;
}

.algo-footer h1{
    font-size: 25px;
    /* text-decoration: none; */
    color: #0caa0c;
    padding-top: 10px;
    padding-bottom: 80px;
    padding-left: 6%;
}

.algo-footer img {
    padding-left: 6%;
}

.copy {
    color: rgb(129, 127, 127);
    font-size: 15px;
}

.nav-body {
    margin-top: 3%;
    margin-left: 11.5%;
    margin-right: 11.5%;
    margin-bottom: 3%;
    border: 3px solid #076107;
    background: rgba(222, 255, 219, 0.349);
    /* width: auto; */
    border-radius: 20px;
    padding: 40px 10px;
    box-sizing: border-box;
    /* transition: 0.5s; */
    /* box-shadow: 0 0 40px 0px rgba(0,0,0,0.2); */
    text-align: center;
}

.nav-body h4 {
    color: #0caa0c;
    font-size: 27px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#lec3cont1 {
    width: 60%;
}

#lec5cont1 {
    width: 90%;
}

#lec6cont1 {
    width: 90%;
}

/* my Gadgets */

.gadget-body {
    text-align: center;
}

.gadget-body h1 {
    padding-top: 60px;
    font-size: 42px;
    color: #0caa0c;
}

.gadget-body h2 {
    text-align: left;
    padding-top: 80px;
    padding-left: 5.7%;
    font-size: 35px;
    color: #0caa0c;
}

.gadget-row {
    margin-top: 3.5%;
    margin-bottom: 0.5%;
    display: flex;
    justify-content: space-between;
}

.gadget-col {
    flex-basis: 41%;
    background: #fff;
    margin-left: 5.5%;
    margin-right: 5.5%;
    border-radius: 20px;
    padding: 50px 10px;
    box-sizing: border-box;
    /* transition: 0.5s; */
    box-shadow: 0 0 40px 0px rgba(0,0,0,0.2);
    text-align: center;
}

.gadget-col #laptop {
    width: 100%;
}

.gadget-col h3 {
    padding-top: 20px;
    font-size: 28px;
    color: #0caa0c;
    padding-bottom: 10px;
}

.gadget-col p {
    padding-bottom: 5px;
    font-size: 18px;
}

.gadget-col #tv {
    width: 100%;
}

#vsc {
    width: 70%;
}

#vsc-text {
    padding-top: 40px;
    font-size: 22px;
}

#kde {
    width: 90%;
}

#kde-text {
    padding-top: 40px;
    font-size: 22px;
}

#sl {
    width: 49%;
}

#sl-text {
    padding-top: 40px;
    font-size: 22px;
}

#figma {
    width: 45%;
}

#figma-text {
    padding-top: 40px;
    font-size: 22px;
}

#obs {
    width: 69.5%;
}

#obs-text {
    padding-top: 40px;
    font-size: 22px;
}

#eclipse {
    width: 69.5%;
}

#eclipse-text {
    padding-top: 40px;
    font-size: 22px;
}

/* Blogs page */

.blog-body {
    text-align: left;
}

.blog {
    margin-top: 2%;
    margin-left: 6%;
    margin-right: 50%;
    margin-bottom: 1%;
    background: white;
    /* width: auto; */
    border-radius: 20px;
    padding: 30px 10px;
    box-sizing: border-box;
    /* transition: 0.5s; */
    box-shadow: 0 0 40px 0px rgba(0,0,0,0.2);
    text-align: left;
}

.blog h4 {
    margin-left: 20px;
    font-weight: 600;
    color: grey;
    font-size: 20px;
}

.blog h1 {
    margin-top: 15px;
    margin-left: 20px;
    margin-bottom: 35px;
    color: #075f07;
}

.blog a {
    /* padding-top: 35px; */
    margin-left: 20px;
    text-decoration: none;
}

.read-more-btn {
    display: inline-block;
    text-decoration: none;
    color: white;
    border: 2px solid #0caa0c;
    padding: 10px 14px;
    font-size: 20px;
    background: #0caa0c;
    position: relative;
    cursor: pointer;
    border-radius: 15px;
    transition: 0.5s;
    /* margin-bottom: 20px; */
}

.read-more-btn:hover {
    border: 2px solid #0caa0c;
    color: #0caa0c;
    background: transparent;
}

/* git and github page */

.content {
    margin-top: 3%;
    margin-left: 9%;
    margin-right: 9%;
    margin-bottom: 3%;
    /* background: white; */
    /* width: auto; */
    /* border-radius: 20px; */
    /* padding: 50px 10px; */
    /* box-sizing: border-box; */
    /* transition: 0.5s; */
    /* box-shadow: 0 0 40px 0px rgba(0,0,0,0.2); */
    text-align: left;
}

.content h1 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 35px;
    font-size: 28px;
    color: #0caa0c;
}

.content h3 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 35px;
    font-size: 25px;
    color: #0caa0c;
}

.content p {
    padding-left: 35px;
    font-size: 22px;
}

.command {
    margin-top: 2%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 2%;
    background: #081B4B;
    /* width: auto; */
    border-radius: 20px;
    padding: 25px 10px;
    box-sizing: border-box;
    /* transition: 0.5s; */
    /* box-shadow: 0 0 40px 0px rgba(139, 139, 139, 0.2); */
    text-align: left;
}

.command p {
    color: white;
    font-size: 19px;
}
.color {
    color: #e00b59;
}

.color2 {
    color: #0be087;
}

.color-output {
    color: #0b80e0;
}

.content img {
    width: 90%;
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: 5%;
    margin-right: 6%;

}

#lec2cont1 {
    width: 60%;
    margin-bottom: 0%;
}

#lec2cont2 {
    width: 60%;
}

/* ASCII table page */

.cont-row {
    justify-content: space-between;
    display: flex;
}

.cont-col {
    flex-basis: 31%;
    text-align: center;
    line-height: 60px;
}

/* Projects */

.why_project h1 {
    color: #0caa0c;
    font-size: 36px;
    margin-top: 90px;
    font-weight: 600;
    margin-bottom: 80px;
    text-align: center;
}

.why_project p {
    font-size: 20px;
    font-weight: 300;
    line-height: 40px;
    margin-left: 6%;
    margin-right: 6%;
    padding: 10px;
    padding-left: 20px;
    margin-bottom: 2%;
    text-align: left;
}

.qns {
    font-size: 26px;
}

.point {
    color: #0caa0c;
    font-size: 35px;
}

.project-nav {
    border: 3px solid #0caa0c;
    margin-top: 10px;
    margin-right: 6%;
    margin-left: 6%;
    margin-bottom: 50px;
    border-radius: 30px;
    text-decoration: none;
}

.project-nav h3 a {
    text-decoration: none;
    color: #0caa0c;
}

.project-row {
    justify-content: space-between;
    display: flex;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 5%;
    margin-bottom: 5%;
}

.project-col {
    flex-basis: 41%;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

.project-body {
    margin-top: 3%;
    margin-left: 6%;
    margin-right: 6%;
    margin-bottom: 3%;
    background: white;
    /* width: auto; */
    border-radius: 20px;
    padding: 70px 10px;
    box-sizing: border-box;
    /* transition: 0.5s; */
    box-shadow: 0 0 40px 0px rgba(0,0,0,0.2);
    text-align: center;
}

.project-name {
    text-align: left;
    margin-left: 7%;
    margin-top: 1%;
    font-size: 25px;
}

#foodmate-logo {
    /* align-items: left; */
    padding-right: 79%;
    margin-top: 80px;
    width: 8%;
}

#mrmathematics-logo {
    padding-right: 79%;
    margin-top: 50px;
    width: 8%;
}

#result-generator-logo {
    padding-right: 79%;
    margin-top: 50px;
    width: 8%;
}

.project-body p {
    margin-top: 10px;
}

.pointer {
    color: #0caa0c;
    font-size: 24px;
}

.project-ahref {
    font-size: 23px;
    text-align: left;
    padding-top: 0px;
    padding-left: 20px;
    margin-left: 6%;
}

.project-btn-not-allowed {
    display: inline-block;
    text-decoration: none;
    color: white;
    border: 2px solid #a7dfa7;
    padding: 10px 20px;
    font-size: 20px;
    background: #a7dfa7;
    position: relative;
    cursor: not-allowed;
    border-radius: 10px;
    /* transition: 0.5s; */
}

.in-section-line {
    margin-left: 4%;
    margin-right: 4%;
    /* color: #0caa0c; */
}