afacanc38.github.io/assets/css/style.css
Alperen İsa Nalbant e30d0ed7bd olmamış
2022-05-23 08:04:49 +03:00

92 lines
No EOL
1.4 KiB
CSS

:root {
--renk-mavi: rgb(0, 58, 216);
--renk-acik-mavi: #87aadeff;
--renk-kutu-rengi: #1c1f24ff;
--renk-mor: #aa87deff;
--renk-soluk: rgba(255, 255, 255, .7);
}
body {
margin: 0 6px !important;
padding: 0;
background: black;
color: white;
font-family: Poppins, system-ui, sans-serif;
}
body * {
margin: 0 !important;
padding: 0;
}
#ana-kutucuk {
min-width: 100%;
}
#site-basligi {
font-size: 18pt;
min-width: 100%;
height: 200px;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
}
.row {
background: var(--renk-kutu-rengi);
padding: 50px;
border-radius: 64px;
font-weight: 500;
margin-bottom: 10px !important;
}
.row .title {
font-size: 40pt;
}
.baslik.kucuk {
font-size: 17pt;
padding: 0 !important;
}
.baslik.kucuk.solgun {
color: var(--renk-soluk);
}
.baslik.kucuk.mavi {
color: var(--renk-acik-mavi);
}
.row.mavi {
background: var(--renk-mavi);
}
.alticizili {
text-decoration: underline var(--renk-soluk);
}
.navigation-gird {
display: flex;
}
.navigation-gird.other {
display: flex;
flex: 50%;
flex-direction: column;
margin-left: 10px !important;
}
.navigation-gird.other * {
margin-bottom: 10px;
}
.navigation-gird .row.extended {
flex: 50%;
}
.row.clicktable {
transition: 200ms ease-in-out;
}
.row.clicktable:hover {
transform: scale(0.97);
}