@font-face {
  font-family: 'Neue';
  src: url(data/fonts/WOFF/neue_regular.ttf);
}

@font-face {
  font-family: 'Neuebold';
  src: url(data/fonts/WOFF/neue_bold.ttf);
}

@font-face {
  font-family: 'Commit Mono Bold Italic';
  src: url(data/fonts/WOFF/neue_bold_italic.ttf);
}

* {
    font-family: Neue;
    background-color: lightgrey;
    margin: 0px;
    margin-left: 2px;
    font-size:1.2vw;
    line-height: 115%;
}

b {
    font-family: Neuebold;
    margin: 0px;
}

div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    text-align: center;
    background: transparent;
}


.inne {
    display: inline;
    background-color: blueviolet;    
}

h1 {
    display: inline;
    background-color: white;
	float:  left; 
    margin-bottom: 5px;
    margin-top: 120px;
}

h1.special {
    margin-top: 0px;
}

h2 {
    display: inline;
    color: blue;
	float:  left;
    margin-top: 0px;
}

h2.special {
    margin-top: 120px;
}

h3 {
    display: inline;
    color: black;
	float:  left;
    margin-top: 0px;
}

p {
    font-family: Neue;
    float:  left;
    width: 40%;
}



.important{
    width: auto;
    display: inline;
    background-color: yellow;
}

.important2{
    width: auto;
    display: inline;
    background-color: yellow;
    color: gray;
}

.menu {
    font-family: Neue;
	text-decoration: none;
    color: white;
    background-color: red;
}
.menu2 {
    font-family: Neue;
	text-decoration: none;
    color: white;
    background-color: green;
}

.ang {
    color: grey;
}

.click {
	text-decoration: none;
    margin-left: 0px;
}

.click:hover, .menu:hover {
	text-decoration-line: underline;
}

footer {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size:0.8vw;
    text-align: center;
}

.proj {
    margin-bottom: 20px;
}

.reka {
    position: fixed;
    align-content: flex-end;
    bottom: 10px;
    right: 10px;
    width: 80px;
    height: auto;
}


* {
    clear: both;
}

    
/* media query */
@media screen and (max-width: 800px) {
    
    * {
    margin: 0px;
    margin-left: 2px;
    margin-right: 2px;
    font-size:5vw;
    line-height: 115%;
}

div.sticky {
    text-align: right;
}


h1.special {
    margin-top: 120px;
}


p {
    width: 100%;
}
    
.proj {
    margin-bottom: 20px;
}

footer {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size:3.7vw;
    text-align: center;
}

}