Difference between revisions of "Template:Qdai/WSbasic/css/styleCSS"

Latest revision as of 06:40, 14 October 2021

/* https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet */

h1{

 color: red;

}

h1{

 color: cyan;

}

.bg{

 background: url();
 background-position: center;
 background-size: cover;
 width: 100%;
 height: 100vh;

 display: flex;
 justify-content: center;
 align-items: center;

 position: relative;

}

.top-text{

 position: absolute;

 top: 25vh;
 width: 40vw;

}

.top-text2{

 position: absolute;

 top: 38vh;
 width: 25vw;

}

.selection{

 background-color: darkgrey;
 height:100vh;
 width: 100vw;

}

.CircleClip {

 width:20vw;
 height:20vw;
 border-radius: 50%;
 background-repeat:no-repeat;
 background-size:cover;
 background-position: center;

} .container-hcenter{

 display: inline-flex;
 justify-content: space-around;

 width: 100%;

}

.container-vcenter{

 display: flex;
 align-items: center;
 flex-direction: column;

}

.main-title{

 font-family: 'Gemunu Libre', sans-serif;
 font-size: 32px;
 padding: 18px 0 18px 0;

}

.item-title{

 font-family: 'Gemunu Libre', sans-serif;
 font-size: 20px;
 padding: 12px 0 4px 0;

}

.item-sub{

 font-family: 'Gemunu Libre', sans-serif;
 font-size: 16px;

}

.main{

}

.main > img{

 height: 50vh;
 max-width: 50%;
 margin-bottom: 1vh;

}