master
parent
1cd7c4f899
commit
d4483e5041
1 changed files with 51 additions and 0 deletions
@ -0,0 +1,51 @@ |
||||
html, |
||||
body { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
:root { |
||||
--rx: 6rem; |
||||
--ry: 8rem; |
||||
} |
||||
|
||||
.app { |
||||
height: 100vh; |
||||
overflow: hidden; |
||||
display: grid; |
||||
grid-template-columns: 70px 1fr 70px; |
||||
grid-template-rows: 90px 200px 1fr 80px 120px; |
||||
width: 100%; |
||||
} |
||||
|
||||
.app .overlay { |
||||
grid-column: 2/3; |
||||
grid-row: 3/4; |
||||
border-radius: 2px; |
||||
box-shadow: 0 0 0 1000rem rgba(0, 0, 0, 0.7); |
||||
} |
||||
|
||||
.app .header { |
||||
grid-column: 1/4; |
||||
grid-row: 1/2; |
||||
background: #0080a3; |
||||
} |
||||
|
||||
.app .headtext { |
||||
grid-column: 1/4; |
||||
grid-row: 2/3; |
||||
color: white; |
||||
margin: auto; |
||||
font-size: 24pt; |
||||
} |
||||
|
||||
.app .footer { |
||||
grid-column: 1/4; |
||||
grid-row: 5/6; |
||||
background: #000000; |
||||
} |
||||
|
||||
.app .webcam { |
||||
grid-column: 1 / 3; |
||||
grid-row: 1 / 2; |
||||
height: 100vh; |
||||
} |
Loading…
Reference in new issue