body,.navbar {
padding: 0;
margin: 0 auto;
max-width: 75em;
background-color: #051937;
color: #BEC8D6;
}
.navbar-brand,.navbar-brand:hover,.nav-link,.navis,a.navis,.nav-link:hover {color: #E4DCEE;}
.btn-glass {
background: rgba(255, 255, 255, 0.18);
border-radius: 8px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 3px solid rgba(255, 255, 255, 0.3);
}
.btn-glass:hover {
background: rgba(255, 255, 255, 0.38);
border-radius: 8px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 3px solid rgba(255, 255, 255, 0.3);
}
a.icon-link {text-decoration:none;}
a {color:white;}
.navbar-brand {font-weight: 900;font-size: 23px;}
.lead {color:#BEC8D6;}


@media screen and (min-width: 800px) {
.mobile  { 
display:none;
  }
.header {margin-top: 80px;}
.text-desc { margin-top: 5px;}
.navbar-nav {
margin-left: 40px;
}
.img-profile-header {
width: 100%;
max-height: 300px;
object-fit:cover;
border-radius: 100px;
}
}


@media screen and (max-width: 600px) {
.desktop  { 
display:none;
  }
.text-desc { margin-top: 5px;}
.img-profile-header {
width: 100%;
max-height: 300px;
object-fit:cover;
}
}