* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Outfit", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    
    
}


.desktop_view {
    display: none;
}

.outfit-website {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

a {text-decoration: none; color: rgb(255, 255, 255); }

/* .top_bar { 
    position: fixed;
    display: flex !important;
    width: 100%;
    height: 10vh;
    z-index: 1;
    background-color: white;
}*/
.top_bar { 
    float: none !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    
    display: flex;
    right: 2%;
    overflow: hidden;
  }

.small_logo {
    margin-top: 4%;
    width: 100%;
    height: auto;
}

.mobile_logo {
    top: 0%;
    width: 120%;
    height: auto;
}

.menu_open_button {
    margin-top: 6%;
    margin-left: 33%;
    margin-right: 2%;
}

.menu_open .fa-solid {
    position: relative ;
    color: rgb(51,32, 255) !important;
}



.row1 {
    display: flex;
    position: absolute;
    top: 15%;
    z-index: 1;
}

.dunmesh {
    position: relative;
    width: 100%;
    height: auto;
    padding-right: 2%;
    padding-left: 2%;
}


/* illustration page */

.image-wrapper {
    position: relative;
    margin: 2%;
    overflow: hidden;
    width: 96vw;
    margin-top: 5%;
}


.images {
    position: relative;
    width: 100%;
    height: auto;
    
}

.image {
    position: relative;
    width: 100%;
    height: auto;
    display: block;

    padding-bottom: 2%;
}

.image-link {
    position: relative;
    width: 100%;
    height:100%;
     
}

.fa-solid {
    position: absolute;
    bottom: 6%;
    padding-bottom: 2.5%;
}

#dark {
    color: white;
}

#light {
    color: black;
}

/* about page */
.about-container {
    position: relative;
    margin: 2%;
    overflow: hidden;
    width: 96vw;
    margin-top: 5%;
}

.about-wrapper {
    position: relative;
    width: 100%;
    height: auto;
}

.nicks {
    width: 100%;
    height: auto;
    padding: 5%;
}

.text-container {
    margin: 5%;
}
p {
    font-weight: 400;
    text-transform: none !important;
}

.bold_text {
    font-weight: 600;
}

i {
    font-size: 15px;
}

.degree {
    width: 70%;
    padding-top: 6%;
}

.contact {
    padding-top: 6%;
}

.cv_container {
    padding-top: 6%;
}

.nick_cv {
    color: grey;
}

.nick_cv:hover {
    color: black;
}

/* background dev pages */

.text {
    position: relative;
    padding: 2%;
}

.title {
    padding-bottom: 1%;
    font-size: 20px;
}

.about-section {
    font-size: 11px;
}

.about-section .italics {
    font-size: 11px;
    font-style: italic;
}

button {text-decoration: none; border: none; color: black; background: none;}

.close_button {
    position: relative;
    padding: 2%;
    color: black !important;
}

.close_button p:hover {
    color: gray;
}

/* background pages */

/* nav bar 

li a {text-decoration : none; color : #192634;}

.fa-solid {
    color: cornflowerblue;
}

nav {
    padding-left: 50%;
   width : 50%; 
   height: 100%;
   margin : 2%; 
}

span {
  padding : 30px; 
  color : white;
  font-size : 2em;
  display: block;
}

span::after {
  float: right;
  right: 10%;
}

.slide {
  clear:both;
  width:100%;
  left: 50%;
  height:0px;
  overflow: hidden;
  transition: height .4s ease;
}

.slide li {padding : 30px;}

#touch {position: absolute; opacity: 0; height: 0px;}    

#touch:checked + .slide {height: 300px;}  */