@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans&display=swap');
*{
    margin: 0;
    padding: 0;
    
}
body{
    background-color: black;
}
.container1{
    background-color: black;
    margin-top:-100px;
}
.content{
    margin:100px 300px;
}
.content h1{
    color: white;
    font-size: 90px;
    font-family: 'Work Sans', sans-serif;
    padding-top:115px;
}
.content p{
    color: whitesmoke;
    padding: 20px 0;
    font-size: 25px;
    font-family: 'Work Sans', sans-serif;
}
.content p:hover{
    text-decoration: underline;
}
h1:hover{
    text-decoration: underline;
}
.card{
    box-shadow: 0 4px 8px 0 rgb(36, 236, 220);
    width: 22%;
    border-radius: 5px;
    background-color: rgb(252, 250, 250);
    text-align: center;
    display:flex;
    justify-content: center;
    align-items: center;
}
.card:hover{
    box-shadow: 0 10px 20px 0 rgba(255, 0, 0, 0.945);
}
img{
    width: 297px;
    border-radius: 4px;
}
.card-body{
    margin: 15px;
    padding: 10px;
}
.card-text{
    font-family: 'Archivo Narrow', sans-serif;
    margin: 10px 0;
}
.ihtml{
 text-align: center;
}
.wrap{
    display: flex;
    flex-wrap: wrap;
}
.card-body a{
    font-size: 29px;
    padding: 0 54px;
}
.btn{
    background-color: rgb(90, 129, 238);
    color: white;
    text-decoration: none;
    border-radius: 5px;
}
.btn:hover{
    background: linear-gradient(rgb(52, 233, 240),rgb(248, 76, 76));
}
footer{
    text-align: center;
}
footer p{
    background-color: grey;
    padding: 20px;
    color: white;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 20px;
    
}
/* Footer styles */
footer {
    background: #333;
    color: white;
    padding: 0 0;
    font-family: 'Work Sans', sans-serif;
    padding-top:2rem ;
}

.footer-content {
    text-align: center;
    margin-bottom: 20px;
}

.footer-content h3 {
    font-size: 24px;
    margin-bottom: 10px;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.footer-content p {
    font-size: 16px;
    margin-bottom: 20px;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    text-decoration: none;
    color: white;
    font-size: 16px;
}

.footer-links a:hover {
    color: #00bfff;
}

.socials {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width:25vw;
    margin: auto;
    margin-top: 3rem;
}
.socials i{
    font-size: 2rem;
}
.socials a:hover .fa-facebook {
    color: #3b5998; /* Facebook blue */
}

.socials a:hover .fa-twitter {
    color: #00acee; /* Twitter blue */
}

.socials a:hover .fa-instagram {
    color: #e4405f; /* Instagram gradient color */
}

.socials a:hover .fa-linkedin {
    color: #0077b5; /* LinkedIn blue */
}

.socials li {
    margin-bottom: 10px;
}

.socials a {
    text-decoration: none;
    color: white;
    font-size: 20px;
    transition: color 0.3s;
}

.socials a:hover {
    color: #3b5998; /* Default Facebook color */
}

.footer-bottom {
    background: #222;
    padding: 10px 0;
    text-align: center;
}

.footer-bottom p {
    margin: 0;
    font-size: 14px;
}
#one{
    width:40vw;
}
#two{
    width:40vw;
}
#foot{
    display: flex;
    margin-top: 5rem;
    justify-content: space-around;
}
#twop{
    height: 25vh;
}