.defImage{
    width:30px;
    border:solid red 5px;
}


#header{
  display:flex;
  height:300px;
  border-bottom: solid 1px gray;
  background-image: url("/sc/img/code-ninja-4272.jpg");
  background-size: cover;
  background-position: 0px 550px;
  box-shadow: 0px 4px 3px lightgray;
  align-content:center;
  justify-content:center;
}


nav{
    margin-top: 5px;
}


#title{
  margin-top:15px;
  font-size:45px;
  font-family:arial;
  font-weight:bold;
  color: #29272E;
  text-transform: uppercase;
  border: none;
}

#subTitle{
    font-family:arial;
    font-size: 20px;
    text-align:left;
    color: #29272E;
}

#navLogo{
    width:40px;
    
}

#new{
    width:30px;
   
    
    
}

#logo2{
    width:30%;
    text-align:center;
    margin-top:10px;
}

.myButton{
    width:75%;
    align-self: center;
    margin:10px;
    font-size:20px;
    padding:10px 20px;
    border-radius: 10px;
    font-family:arial;
}


video{
    height:300px;
}


#logo{
  height: 200px;
  width:400px;
 align-self:center;
  border:none;
}
.button{
  margin-left:110px;
}
p{
  text-align:center;
  color:black;
  font-family:Noto_Sans;
}



.card-title{
  border:none;
  font-size:25px;
  text-align:center;
  font-family:Noto_Sans;
}

.card-body{
 background-color: white;
 
}
#myBody{
  display:flex;
  flex-direction:row;
  justify-content:center;
  margin:0;
  border:none;
  background-image: url('/sc/img/bg-register.svg');
  background-size:cover;
  
}

#leftBar{
    width:12.5%;
    border:none;
    display:flex;
    flex-direction:column;
}

#rightBar{
    width:12.5%;
    border:none;
    display:flex;
    flex-direction:column;
    
    
}

#button1{
   
}

#button2{
    
}


#card-master{
  width:75%;
  padding-left: 60px;
  padding-right: 60px;
  border-left: solid 1px lightgray;
  border-right: solid 1px lightgray;
  box-shadow: -6px 0 4px #F2F2F5, 6px 0 4px #F2F2F5;
  background-color:white;
  margin-top:2px;
  

}

.card{
    text-decoration: none;
    box-shadow: 4px 4px 6px #F2F2F5;
}

.card:hover{
    text-decoration: none;
    border:solid 2px #29272E;
    
}
    
a:hover{
    text-decoration: none;
    color: inherit;
}

a:visited{
    
    text-decoration: none;
    color: inherit;
}

a { color: inherit; }


#full-div{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  border:none;
  
}

.text-muted{
text-align:center;
}


/*.zoom{*/
/*    width: 100%;*/
/*    height: 200px;*/
/*    border-radius:5px;*/
/*    -webkit-transition: all .3s ease-in-out;*/
/*    -moz-transition: all .3s ease-in-out;*/
/*    -o-transition: all .3s ease-in-out;*/
/*    -ms-transition: all .3s ease-in-out;*/
/*}*/
        
 
/*.transition {*/
/*    -webkit-transform: scale(1.2); */
/*    -moz-transform: scale(1.2);*/
/*    -o-transform: scale(1.2);*/
/*    transform: scale(1.2);*/
/*}*/




 /*.thumb{*/
 /*           margin-bottom: 30px;*/
 /*       }*/
        
 /*       .page-top{*/
 /*           margin-top:85px;*/
 /*       }*/

/*.container.gallery-container {*/
/*    background-color: #fff;*/
/*    color: #35373a;*/
/*    min-height: 100vh;*/
/*    padding: 30px 50px;*/
/*}*/

/*.gallery-container h1 {*/
/*    text-align: center;*/
/*    margin-top: 50px;*/
/*    font-family: 'Droid Sans', sans-serif;*/
/*    font-weight: bold;*/
/*}*/

/*.gallery-container p.page-description {*/
/*    text-align: center;*/
/*    margin: 25px auto;*/
/*    font-size: 18px;*/
/*    color: #999;*/
/*}*/

/*.tz-gallery {*/
/*    padding: 40px;*/
/*}*/

/* Override bootstrap column paddings */
/*.tz-gallery .row > div {*/
/*    padding: 2px;*/
/*}*/

/*.tz-gallery .lightbox img {*/
/*    width: 100%;*/
/*    border-radius: 0;*/
/*    position: relative;*/
/*}*/

/*.tz-gallery .lightbox:before {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    margin-top: -13px;*/
/*    margin-left: -13px;*/
/*    opacity: 0;*/
/*    color: #fff;*/
/*    font-size: 26px;*/
/*    font-family: 'Glyphicons Halflings';*/
/*    content: '\e003';*/
/*    pointer-events: none;*/
/*    z-index: 9000;*/
/*    transition: 0.4s;*/
/*}*/


/*.tz-gallery .lightbox:after {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    opacity: 0;*/
/*    background-color: rgba(46, 132, 206, 0.7);*/
/*    content: '';*/
/*    transition: 0.4s;*/
/*}*/

/*.tz-gallery .lightbox:hover:after,*/
/*.tz-gallery .lightbox:hover:before {*/
/*    opacity: 1;*/
/*}*/

/*.baguetteBox-button {*/
/*    background-color: transparent !important;*/
/*}*/

/*@media(max-width: 768px) {*/
/*    body {*/
/*        padding: 0;*/
/*    }*/
/*}*/