More languages
More actions
No edit summary |
No edit summary |
||
Line 13: | Line 13: | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
} | } | ||
Line 19: | Line 18: | ||
width:100%; | width:100%; | ||
height:inherit; | height:inherit; | ||
z-index:1; | |||
position:relative; | |||
filter:blur(3px) ; | |||
} | } | ||
Line 30: | Line 32: | ||
justify-content:flex-start; | justify-content:flex-start; | ||
padding-left:15px; | padding-left:15px; | ||
} | } | ||
.portal-title{ | .portal-title{ | ||
font-size:3rem; | |||
font-weight:100; | |||
text-shadow:4px 4px 9px black; | |||
position:relative; | |||
z-index:10; | |||
} | } |
Revision as of 15:33, 3 November 2023
/*parent container*/
.portal-banner{
width:100%;
margin:0;
overflow:hidden;
}
/*image container*/
.portal-banner-image{
width:100%;
height:400px;
display: flex;
align-items: center;
justify-content: center;
}
.portal-banner img{
width:100%;
height:inherit;
z-index:1;
position:relative;
filter:blur(3px) ;
}
/*text container*/
.portal-banner-content{
margin-top:-400px;
width:100%;
height:400px;
display:flex;
align-items:center;
justify-content:flex-start;
padding-left:15px;
}
.portal-title{
font-size:3rem;
font-weight:100;
text-shadow:4px 4px 9px black;
position:relative;
z-index:10;
}