mirror of
https://github.com/outbackdingo/firezone.git
synced 2026-01-27 10:18:54 +00:00
76 lines
1.1 KiB
CSS
76 lines
1.1 KiB
CSS
.accentBlock {
|
|
width: 100%;
|
|
background-color: #f8f7f7;
|
|
border-radius: 12px;
|
|
padding: 20px;
|
|
margin-top: 40px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
[data-theme="dark"] .accentBlock {
|
|
background-color: #1b140e;
|
|
}
|
|
|
|
.contentBlock {
|
|
width: 60%;
|
|
height: inherit;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.accentBlock h1 {
|
|
margin: 0 !important;
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.accentBlock p {
|
|
font-size: 1rem;
|
|
margin-top: 5px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.btnWrapper {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.btnWrapper button {
|
|
padding: 15px 25px;
|
|
margin: 5px;
|
|
border-radius: 6px;
|
|
font-size: 1rem;
|
|
cursor: pointer;
|
|
transition: all 0.2s ease-out;
|
|
}
|
|
|
|
.btnWrapper button:first-child {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.btnPrimary {
|
|
background-color: #1b140e;
|
|
color: #fcfcfc;
|
|
border: none;
|
|
}
|
|
|
|
[data-theme="dark"] .btnPrimary {
|
|
background-color: #4c3e33;
|
|
}
|
|
|
|
.btnPrimary:hover {
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
.btn {
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sideImage {
|
|
padding: 10px;
|
|
width: 40%;
|
|
object-fit: cover;
|
|
border: none;
|
|
}
|