/* all pages starts */

* {
  box-sizing: border-box;
}

body {
    font-family: "Open sans", sans-serif;
}

h1 {
    color: navy;
    font-weight: bold;
}

h2 {
    font-family: "Arima", sans-serif;
}

@media (max-width: 576px) {
    fieldset {
    width: 100%;
    }
}
hr {
    margin-top: 30px;
}

footer{
    font-size: small;
    font-style:italic;
}

a:hover {
    color: purple;
}
/* all pages ends */



/* home page starts */
.img-tech {
    margin-top: 10px;
    height: 200px;
    width: 100%;
}
/* home page ends*/



/* about page starts */
.img-codes {
    float: left;
    width: 300px;
    height: 250px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.title{
    clear: both;
}

.video-container {
    width: 500px;
    max-width: 100%;
}

h3 {
    font-family: "Arima", sans-serif;
    font-size: medium;
}

#sourceBtn {
    background-color: navy;
}
/* about page ends */



/* skills page starts */
caption {
    caption-side: top;
    font-family: "Arima", sans-serif;
}

/* skills page ends */



/* projects page starts */
.project-card {
    width: 800px;
    max-width: 100%;
    margin-top: 30px;
}
/* projects page ends */



/* contact page starts */
fieldset {
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
}

textarea {
  margin-top: 10px;
}

legend {
    font-family: "Arima", sans-serif;
    font-weight: bold;
}
/* contact page ends */