/*------------------------------TESTING------------------------------------*/
.testing1{
  border:1px solid #11d328;
  border-style: dotted;
  border-width: thick;
}
.testing2{
  border:1px solid #db0b0b;
  border-style: dotted;
  border-width: thick;
}
.testing3{
  border:1px solid #fffb00;
  border-style: dashed;
  border-width: thick;
}
/*------------------------------TESTING/------------------------------------*/


/*------------------------------GENERIC/------------------------------------*/
/** h1-Title, h3-menu headings, h5-Sub headings, p-text */
body {
    background-color:#0d1b2b
}
h1,h2,h3,h4,h5,p {
    color: white;
}
h1, h3{
    font-family: MuseoModerno;
}
h1 {
    font-size: 3.75rem; 
    /* font-size: 5vw; */
}
@media only screen and (max-width: 400px) {
  h1{
    font-size: 2.9rem; 
  }
  
}

h3{
    font-size: 2.5rem; 
}

h5{
    font-size: 1.5rem; 
}

.screen{
  min-height: 100vh;
}

#heading1, #heading2, #heading3, #heading4{
  padding-top:10vh;
}

hr{
  color: rgb(0, 0, 120);
  margin: 0 auto;
  width:10%;
  height:4px;
  background-color:rgb(0, 0, 120);
  border-radius: 5px;
  opacity:100%;
}

.sub{
  max-width:1000px;
  margin: 0 auto
}
/*------------------------------GENERIC/------------------------------------*/

/*------------------------------LANDING PAGE------------------------------------*/
.landing{
    background-image: url('./bg/bg.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.centretext{
  padding-top:30vh;
  padding-bottom: 30vh;
}

/*------------------------------NAVBAR------------------------------------*/
/**Burger Menu*/
.custom-toggler.navbar-toggler {
  color: white;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
/**Burger Menu*/

.navbar{
  font-family: MuseoModerno;
  background-color: rgb(255, 255, 255,0)!important;
} 

/**jQuery*/
.scrolled{
  font-family: MuseoModerno;
  background-color: #0d1b2b !important;
  transition: background-color 500ms linear;
}
/*------------------------------NAVBAR------------------------------------*/
/*------------------------------LANDING PAGE/------------------------------------*/


/*------------------------------ABOUT ME PAGE------------------------------------*/
.skills{
  color:white;
  background-color: rgb(0, 0, 120);
  border-radius:8px;
  margin-right: 8px;
  padding:1.5% 3%;
  margin-bottom:10px;
}
.skllhdng {
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
/*------------------------------ABOUT ME PAGE/------------------------------------*/


/*------------------------------CERTIFICATION PAGE------------------------------------*/
.certimg{
  filter: brightness(90%);
}
.imageoverlay{
  background: blue;
  top:50%;
  left:50%;
}
.row1{
  margin-bottom: 5%;
}
.thumbnail{
  display:flex;
  height:100%;
}
/*------------------------------CERTIFICATION PAGE/------------------------------------*/


/*------------------------------PROJECT PAGE------------------------------------*/
.card{
  padding:0;
  background-color: #162d48;
  /* border: 1px solid white; */
}
.prjctimgs{
  height:160px;
  /* flex:1; */
}
.prjctimgs:hover {
  cursor: pointer;
  opacity: 80%;
}
/*------------------------------PROJECT PAGE/------------------------------------*/


/*------------------------------MODAL WINDOWS------------------------------------*/
.btn-close{
  background-color:yellow;
  margin:0;
  padding:0;
}
.modal-header{
  background-color: #162d48;
}
.modal-title{
  margin: 0 auto;
}
.modald{
  color:black;
}
.modal-footer{
  background-color: #162d48;
}
.tech{
  max-height:40px;
}

.prjbuttons{
  font-weight: bold;
  background-color: white;
  color:#162d48;
  border: solid 1px #162d48;
  padding: 10px 25px;
}

.prjbuttons:hover{
  background-color: #162d48;
  color:white;
  border: solid 1px #162d48;
  padding: 10px 25px;
}
/*------------------------------MODAL WINDOWS/------------------------------------*/


/*------------------------------CONTACT PAGE------------------------------------*/
.cntctpge{
  background-color: #eceff3;
}
.cntctpge h2{
  font-family: MuseoModerno;
  color:black;
}
.cntctpge h3, .cntctpge p{
  color:black !important;
}
/*------------------------------CONTACT PAGE/------------------------------------*/