html {
 background-color: #f9f9f9;
 scrollbar-width: none; /* For Firefox */
 -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

html::-webkit-scrollbar {
 width: 0px; /* For Chrome, Safari, and Opera */
}

html, body {
 height: 100%;
}

body {
 font-display: swap;
 font-family: "Noto Sans", "Segoe UI", Ubuntu, Arial, Helvetica Neue, sans-serif;
}

.body-table {
 visibility: hidden;
}

.mccomsoft-software-text-logo {
  color: darkslategrey;
}

.dropshaddow-text {
  filter: drop-shadow(2px 0px);
  background-color: white;
  color: #40c0e7;
}

.gradient-text {
  background: radial-gradient(skyblue, navy);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
}

.skyblue-text {
  background-color: white;
  color: #20a0c7;
  font-size: xx-large;
}

.center-block {
  display: flex;
  justify-content: center;
}

.top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fafafa;
}

.image-row {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.contact-row {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

span {
    padding: 10px;
}

.form-control {
    width: 25%;
}

.login-form-control-width {
    width: 60%;
}

.btn:hover,.btn:focus,.btn.focus {
    color: #217dbb;
}

.hidden {
 visibility: hidden;
}

#contentColA {
 width: 25%;
}

#contentColB {
 width: 75%;
 padding-left: 20%;
}

#contentColC {
 min-width: 164px;
}

@media ( min-width : 0px) {
 /*     main columns */
 #contentColA {
  width: 55%;
 }
 #contentColB {
  width: 95%;
  padding-left: 20%;
 }
 #contentColC {
  width: 20%;
  min-width: 164px;
  display: none;
 }
}

@media all and (min-width: 992px) {
 /*     main columns */
 #contentColA {
  width: 5%;
 }
 #contentColB {
  width: 75%;
  padding-left: 20%;
 }
 #contentColC {
  width: 20%;
  min-width: 164px;
  display: inline;
 }
}

.center-div {
 width: 300px;
 margin: auto;
}

.center-div-wide {
 width: 80%;
 margin: auto;
}

.center-div-text {
 text-align: center;
 vertical-align: middle;
}

.right-div-text {
 text-align: right;
 vertical-align: middle;
}

.padding {
 padding-top: 5px;
 padding-bottom: 5px;
 padding-right: 5px;
 padding-left: 5px;
}

.padding-large {
 padding-top: 15px;
 padding-bottom: 15px;
 padding-right: 15px;
 padding-left: 15px;
}

hr {
 display: block;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 margin-left: auto;
 margin-right: auto;
 border-style: inset;
 border-width: 1px;
 width: 70px;
}

.title {
 background-color: #e9e9e9;
 border-radius: 8px;
 padding-right: 5px;
 padding-left: 5px;
}

footer {
 visibility: hidden;
 background-color: #fafafa;
 color: #01799A;
 font-size: 0.9em;
}

.page-row {
 display: table-row;
 height: 1px;
}

.page-row-expanded {
 height: 100%;
}

.mic-com-soft {
 color: #676767;
}

.small-br {
 height: 3px;
}

.main-image-div {
 position: fixed;
 right: 10px;
}

.welcome-well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: darkslategray; 
 }
 
.cloud-font {
    font-size: 9em;
}

.nav-icon-font {
    font-size: 1.5em;
}

#firstLetter1::first-letter, #firstLetter2::first-letter, #firstLetter3::first-letter {
  font-weight: bold;  
}

.column {
  flex: 50%;
  padding: 10px;
}

.row {
  display: flex;
}

dialog[open]::backdrop {
  background-color: rgb(0 0 0 / 40%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
dialog {
  background-color: whitesmoke;
  color: midnightblue;
  border: solid darkgray;
  border-radius: 1em;
  border-width: 1em;
}

.skills {
  color: #1079b4;
  font-weight: bold;
}

.italicmessage1 {
  font-style: italic;
}

.italicmessage2 {
  color: chocolate;
}

.resumelinkgreen {
  color: #1E8035;
}