96 lines
1.2 KiB
CSS
96 lines
1.2 KiB
CSS
@font-face {
|
|
font-family: 'ipixel';
|
|
src: url('../fonts/vt323/VT323-Regular.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
|
|
}
|
|
html
|
|
{
|
|
background-color: grey;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100vw;
|
|
height:100vh;
|
|
font-family: 'ipixel', sans-serif;
|
|
}
|
|
|
|
/* NAVIGATION BAR */
|
|
.nav_bar
|
|
{
|
|
padding-top: 1rem;
|
|
padding-left: .5rem;
|
|
padding-right: .5rem;
|
|
display: flex;
|
|
height: 30%;
|
|
width: 100%;
|
|
}
|
|
|
|
.nav_left_holder
|
|
{
|
|
display: flex;
|
|
gap: 10px;
|
|
flex-grow:1;
|
|
justify-content: center;
|
|
}
|
|
|
|
.nav_left_holder > button
|
|
{
|
|
font-family: 'ipixel';
|
|
font-size: 25px;
|
|
min-width: 100px;
|
|
height: 100%;
|
|
}
|
|
|
|
.search_holder{
|
|
border: solid 2px;
|
|
|
|
display:flex;
|
|
flex-grow:3;
|
|
height:100%;
|
|
font-size:25px;
|
|
}
|
|
|
|
.search_field
|
|
{
|
|
font-family: 'ipixel', sans-serif;
|
|
font-size: 25px;
|
|
min-width: 200px;
|
|
width:100%;
|
|
height: 100%;
|
|
}
|
|
|
|
|
|
.nav_right_holder
|
|
{
|
|
display:flex;
|
|
gap:5px;
|
|
flex-grow: 3;
|
|
padding-left:20px;
|
|
justify-content: center;
|
|
}
|
|
.nav_right_item
|
|
{
|
|
background: none;
|
|
border: 0px;
|
|
justify-content: center;
|
|
gap:2px;
|
|
}
|
|
|
|
.nav_right_item > img
|
|
{
|
|
min-height: 50px;
|
|
min-width: 50px;
|
|
max-height:50px;
|
|
max-width: 50px;
|
|
}
|
|
|
|
.card
|
|
{
|
|
background-image: url("../img/imgtest.png");
|
|
background-size:100% 100%;
|
|
height: 450px;
|
|
width: 300px;
|
|
border: solid 2px;
|
|
}
|