77 lines
1.4 KiB
CSS
77 lines
1.4 KiB
CSS
@font-face {
|
|
font-family: "CozetteVector";
|
|
src: url('./CozetteVector.ttf') format("truetype");
|
|
}
|
|
|
|
.grid-container {
|
|
display: grid;
|
|
grid-template-areas:
|
|
'header'
|
|
'CICD'
|
|
'footer';
|
|
gap: 10px;
|
|
padding: 10px;
|
|
font-family: mononoki;
|
|
#background-color: #2196F3;
|
|
}
|
|
|
|
.item1 { grid-area: header; }
|
|
.item1t { grid-area: logo; }
|
|
.item2 { grid-area: CICD; }
|
|
.item3 { grid-area: monitoring; }
|
|
.item4 { grid-area: vms; }
|
|
.item5 { grid-area: storage; }
|
|
.item6 { grid-area: network; }
|
|
.item7 { grid-area: iam; }
|
|
.item8 { grid-area: footer; }
|
|
|
|
.grid-container > div {
|
|
padding: 10px 10px;
|
|
font-size: 30px;
|
|
#background-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
textarea, input[type="number"], input[type="text"], input[type="password"] {
|
|
background-color: rgba(255,255,255,0.1);
|
|
color: rgba(255,255,255,1);
|
|
border: solid;
|
|
border-width: 1px;
|
|
border-color: rgba(255,255,255,0.1);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
body {
|
|
background-image: url("./Mq0m.mp4");
|
|
color: #CAEAFF;
|
|
font-family: "Silkscreen";
|
|
font-size: 18px;
|
|
display: grid;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-color: #232336;
|
|
}
|
|
|
|
h1 {
|
|
max-width: 500px;
|
|
margin: auto;
|
|
text-align: center;
|
|
font-size: 50px;
|
|
}
|
|
|
|
p {
|
|
text-align: left;
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
a {
|
|
color:#5f87ff;
|
|
}
|
|
|
|
form {
|
|
font-size: 20px;
|
|
padding: 10px;
|
|
}
|
|
|
|
button {
|
|
padding: 3px;
|
|
}
|