File size: 1,568 Bytes
d04e364 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 |
@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; /* Clip the gradient to the text */
background-clip: text;
-webkit-text-fill-color: transparent; /* Make the text 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); /* Changed border-bottom style to solid and specified border-color */
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;
} |