@import url('https://fonts.googleapis.com/css2?family=Anek+Gujarati:wght@100..800&display=swap');

body{
    font-family: 'Anek Gujarati', sans-serif;
    font-weight: 300;
}

h2 {
    font-size: 32px;
    font-weight: 300;
}

p {
    font-weight: 200;
    font-size: 24px;
}

nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px; 
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    filter: drop-shadow(0px 9px 9px #5c5c5c); 
    background: white;
    text-decoration: none;
    
}

.nav-links {
    display: flex;
    gap: 74px;

    a {
        text-decoration: none;
        color: black;
        transition: transform 0.35s ease-in-out;

    }
    a:hover {
        transform: scale(1.1);
        opacity: 70%;

    }
}


.main{
    margin: 400px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    text-align: center;
    gap: 172px;

}

#subheading {
    width: 210px;
    height: 60px;
}

img{
    width: 1490px;
    border: 5px;
    align-items: center;
    opacity: 55%;
    transition: opacity 0.2s ease-in-out;

}
img:hover{
    opacity: 100%;
}

.button {
    padding: 22px 87px;
    border-radius: 5rem;
    background: #D9D9D9;
    text-decoration: none;
    color: black;
}

.info {
    padding: 12rem;
    display: flex;
    align-items: center;
    gap: 10rem;
}

#aboutmeP {
    width: 523px;
    height: 252px;
    
}