Difference between revisions of "Template:Vilnius-Lithuania/index.css"

Line 25: Line 25:
 
#intro-page #intro {
 
#intro-page #intro {
 
   z-index: 2;
 
   z-index: 2;
−
   height: 70vh;
+
   height: calc(100vh - 14px);
 
   width: 100%;
 
   width: 100%;
−
  bottom:100vh;
+
  top:0;
 
position:absolute;
 
position:absolute;
 
}
 
}
−
#intro-page #intro #title-wrapper{
+
#text-wrapper{
−
margin-top:20vh
+
position: absolute;
 +
top: 50%;
 +
left: 50%;
 +
transform: translate(-50%,20%);
 +
width: 100%;
 
}
 
}
−
#intro-page #intro #title-wrapper::after{
+
#intro-page #intro #title::after{
 
content: 'project X';
 
content: 'project X';
 
position: absolute;
 
position: absolute;
 
color: transparent;
 
color: transparent;
−
stroke-color: rgba(255,255,255,0.2);
+
stroke-color: rgba(255,255,255,0.3);
 
font-size: 9em;
 
font-size: 9em;
 
text-transform: uppercase;
 
text-transform: uppercase;
Line 48: Line 52:
 
#desc-wrapper{
 
#desc-wrapper{
 
   padding-top: 30px;
 
   padding-top: 30px;
−
   display:block
+
   display:block;
 +
width: fit-content;
 +
    margin: 0 auto;
 
}
 
}
 
#center-desc{
 
#center-desc{
 
   display: flex;
 
   display: flex;
 
   justify-content: center;
 
   justify-content: center;
 +
width: -webkit-fit-content;
 
}
 
}
 
#desc-wrapper span {
 
#desc-wrapper span {
Line 90: Line 97:
 
@media (max-width:768px){
 
@media (max-width:768px){
 
#intro-page #intro h1 {
 
#intro-page #intro h1 {
−
font-size:3em;
+
font-size:4em;
 
}
 
}
−
#intro-page #intro #title-wrapper::after{
+
#intro-page #intro #title::after{
−
font-size:3em;
+
font-size:4em;
 +
transform: translate(-53%,-90%);
 
}
 
}
 
</style></head</html>
 
</style></head</html>

Revision as of 16:14, 25 July 2020