codeninjasuk.github.io/assets/css/custom.css
2023-07-20 12:33:07 +01:00

88 lines
No EOL
1.6 KiB
CSS

*{
/* font-family: 'Oxygen', sans-serif; */
font-family:"azo-sans-web",serif;
}
.video-wrap {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
max-width: 1920px;
margin: 0 auto;
}
.video-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 1080px;
}
.w3-bolder{
font-weight: bolder;
}
.w3-flex-parent{
display: flex;
}
.w3-flex-child{
margin: auto;
}
.btn{
display: inline-block;
font-weight: 800;
color: white;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.8125rem 1.25rem;
font-size: 1.0625rem;
line-height: 1.6;
border-radius: 0.375rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-success{
color: #fff;
background-color: #04b88f;
border-color: #04b88f;
}
.btn-warning{
color: #002340;
background-color: #fed154;
border-color: #fed154;
}
.badge{
padding: 5px;
padding-right: 0.75rem;
padding-left: 0.75rem;
border-radius: 10rem;
background-color: rgba(51,143,191,.1);
color: #338fbf;
margin-bottom: 0.75rem !important;
/* font-size: 50% !important; */
}
.btn:visited{
color: inherit;
}
.w3-petite-caps{
font-variant: petite-caps;
}
.masthead{
position: sticky; top: 0;
border: none;
background: white;
box-shadow: 1px 1px 10px rgb(78, 78, 78);
}