Linked About-Us CSS

This commit is contained in:
Matthew Patrick 2021-11-09 09:49:00 +07:00
parent 5278f82749
commit 239029bf4b

View file

@ -14,83 +14,7 @@
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<style>
body {
font-family: 'Poppins', sans-serif;
background-color: #1b1c1e;
}
.comp-color {
background-color: #212226;
}
.nav-radius {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
video {
opacity: 0.5;
}
@media screen {
.card {
width: 70%;
margin: auto;
}
}
.card-img-overlay {
position: absolute;
text-align: center;
}
.navbar-brand {
width: 5%;
}
br {
display: block;
content: " ";
margin: 3vw 0;
line-height: 4vw;
}
.card-img-overlay h1 {
font-size: 5vw;
}
.card-img-overlay h3 {
font-size: 2vw;
}
.card-img-overlay p {
font-size: 1.4vw;
}
@media screen and (max-width: 500px) {
.card-img-overlay {
top: -2.7vw;
}
.navbar-brand {
width: 15vw;
height: 15vw;
}
}
@media screen and (min-width: 501px) {
.card-img-overlay {
top: 2.7vw;
}
}
:focus {
outline: 0 !important;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}
</style>
<link href="../../public/css/about-us.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script>
</head>