|
@tailwind base; |
|
@tailwind components; |
|
@tailwind utilities; |
|
|
|
.footer{ |
|
display: flex; |
|
flex-direction: row; |
|
justify-content: space-between; |
|
flex-wrap: wrap; |
|
padding: 10px; |
|
align-items: flex-start; |
|
width: 100%; |
|
} |
|
|
|
.col{ |
|
display: flex; |
|
flex-direction: column; |
|
padding: 20px; |
|
width: max-content; |
|
align-items: left; |
|
justify-content: left; |
|
text-align: left; |
|
max-width: 100%; |
|
} |
|
.row a:hover{ |
|
padding: 0; |
|
color : linear-gradient(to right, #00c8ff, #2635c1); |
|
-webkit-background-clip: text; |
|
background-clip: text; |
|
-webkit-text-fill-color: transparent; |
|
} |
|
.footer a{ |
|
margin-top: 20px; |
|
margin-left: 3px; |
|
font-size: small; |
|
} |
|
|
|
.footer a:hover{ |
|
|
|
} |
|
|
|
h3{ |
|
font-size: large; |
|
font-weight: bold; |
|
} |
|
|
|
.footcontainer{ |
|
display: flex; |
|
flex-direction: column; |
|
background-color: rgba(0, 0, 0, 0); |
|
color: rgba(255, 255, 255, 0.751); |
|
backdrop-filter: blur(10px); |
|
border:none; |
|
border-top: 2px solid rgba(255, 255, 255, 0.233); |
|
width: 100%; |
|
justify-content: center; |
|
align-items: center; |
|
text-align: center; |
|
} |
|
|
|
.row{ |
|
display: flex; |
|
flex-direction: row; |
|
} |
|
|
|
.row a{ |
|
margin-right: 12px; |
|
} |
|
|
|
.row a:hover{ |
|
padding: 0; |
|
background-color: transparent; |
|
color: rgba(250, 235, 215, 0.459); |
|
} |
|
|
|
.line{ |
|
width: 100%; |
|
height: 2px; |
|
background-color: rgba(255, 255, 255, 0.251); |
|
margin: 10px 0; |
|
} |