html {
  font-size: 20px;
}

body{
    background-color: #030303;
}

h4{
    font-family: 'Inter';
    font-weight: 300;
    color: #ffffff;
}

p{
    font-family: 'Inter';
    font-weight: 200;
    color: #ffffff;
}

li{
    font-family: 'Inter';
    font-weight: 200;
    color: #ffffff;
}

.header{
    margin-left: -15px;
    width: 30em;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

h1 {
    margin: 0;
}

a:link{
    color: #ffffff;
}

a:visited{
    color: #e6e6e6;
}

a:link, a:visited, a:active {
    text-decoration: none;
}

a:hover {
    text-shadow: 0px 0px 5px white;
    text-decoration: dotted;
}

.about{
    color: #ffffff;
    text-align: left;
    width: auto;
    height: auto;
}

.barcode img {
    cursor: pointer;
    position: fixed;
    text-align: right;
    filter: invert(100%);
    width: 10vw;
    height: auto;
    max-height: 90%;
    bottom: 1vw;
    right: 1vw;
    z-index: 999;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.barcode [src*="fezcode"] {
    height: 20vw;
    width: auto;
}