2022-03-16 18:52:45 +01:00
|
|
|
/* https://www.cssportal.com/css-flexbox-generator/ */
|
|
|
|
|
|
|
|
body {
|
|
|
|
margin:0;
|
|
|
|
}
|
|
|
|
h2 {
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
}
|
|
|
|
.divtop {
|
|
|
|
border:1px;
|
|
|
|
border-bottom-style:solid;
|
|
|
|
width:100vw;
|
|
|
|
padding:5px;
|
|
|
|
}
|
2022-03-18 23:08:22 +01:00
|
|
|
|
|
|
|
.divsubtop {
|
|
|
|
border-bottom: 1px solid black; /* remove after testing */
|
|
|
|
}
|
|
|
|
|
2022-03-16 18:52:45 +01:00
|
|
|
.searchtop {
|
|
|
|
width:24em;
|
|
|
|
}
|
|
|
|
.buttontop {
|
|
|
|
width:12em;
|
|
|
|
margin-left:15px;
|
|
|
|
}
|
|
|
|
.buttontop2 {
|
|
|
|
width:7em;
|
|
|
|
}
|
|
|
|
.divmain {
|
|
|
|
display:flex;
|
2022-03-18 23:08:22 +01:00
|
|
|
justify-content: center;
|
2022-03-16 18:52:45 +01:00
|
|
|
}
|
|
|
|
.divmaintop {
|
2022-03-22 15:46:52 +01:00
|
|
|
/* border:1px solid; For testing purposes*/
|
2022-03-16 18:52:45 +01:00
|
|
|
height:50px;
|
|
|
|
text-align:center;
|
2022-03-22 15:46:52 +01:00
|
|
|
/* margin: 0 auto; Old way of centering*/
|
|
|
|
position:absolute;
|
|
|
|
left:0;
|
|
|
|
right:0;
|
2022-03-16 18:52:45 +01:00
|
|
|
}
|
2022-03-22 15:46:52 +01:00
|
|
|
.divcontent {
|
2022-03-16 18:52:45 +01:00
|
|
|
border:1px solid;
|
2022-03-22 15:46:52 +01:00
|
|
|
position:absolute;
|
|
|
|
left:0;
|
|
|
|
right:0;
|
|
|
|
}
|
|
|
|
|
|
|
|
hr {
|
|
|
|
margin: 0em;
|
|
|
|
}
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
margin-bottom: 0em;
|
2022-03-16 18:52:45 +01:00
|
|
|
}
|