* 
{
    --webkit-tap-highlight-color : transparent;
}

@media only screen and (max-width: 1440px) 
{
    .mainContainer {
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1);
    }
    .profileLogoBr1, .profileLogoBr2, .profileLogoCont
    {
        top: 25%;
    }
    .classDesc 
    {
        font-size: 1.5em;
    }
    .redirectWebsite 
    {
        scale: 1.2;
    }
    .FooterSocials 
    {
        scale: 1.2;
    }
}
@media only screen and (max-width: 1024px) 
{
    .mainContainer {
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
    }
}
@media only screen and (max-width: 768px) {
    /* Adjust main container for smaller screens */
    .mainContainer {
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /* Resize the blobs for mobile */
    .blob1, .blob2 {
        width: 300px;
        height: 300px;
        opacity: 0.6;
        display: none;
    }

    /* Profile logo container adjustments */
    .profileLogoBr1, .profileLogoBr2, .profileLogoCont {
        width: 230px;
        height: 230px;
        top: 10%;
        left: 75%;
        transform: translateX(-50%);
        border-radius: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .LazyLoadprofileLogoCont {
        width: 230px;
        height: 230px;
        top: 10%;
        left: 75%;
        transform: translateX(-50%);
        filter: blur(5px);
    }


    /* Adjust text and names */
    .nameDesc, .nameDescSub {
        font-size: 2em;
        left: 5%;
        top: 30%;
        
    }

    .nameDescSub {
        font-size: 3em;
        top: 37%;
        width: 50%;
        overflow: hidden;
        flex-wrap: wrap;
        word-wrap: break-word;
    }

    .classDesc {
        font-size: 18px;
        left: 5%;
        top: 50%;
        width: 90%;
    }

    .sectionName {
        font-size: 30px;
        left: 5%;
        top: 15%;
    }

    .FooterSocials {
        top: 90%;
        left: 5%;
        font-size: 20px;
    }

    .redirectWebsite 
    {
        top: 70%;
        left: 17%;
        transform: translateX(-30%);
    }
    .redirectWebsite 
    {
        top: 70%;
        left: 13%;
        transform: translateX(-30%);
    }
    .redirectWebsiteCV 
    {
        position: absolute;
        top: 80%;
        left: 4%;
    }

    .FooterSocials ion-icon {
        font-size: 18px;
    }
    .redirectWebsite 
    {
        scale: 1;
    }
    .FooterSocials ion-icon:nth-child(1) {
        transform: rotate(5deg);
    }

    .FooterSocials ion-icon:nth-child(2) {
        transform: rotate(-5deg);
    }

    .FooterSocials ion-icon:nth-child(3) {
        transform: rotate(5deg);
    }

    .FooterSocials ion-icon:nth-child(4) {
        transform: rotate(-5deg);
        color: #ffc;
    }
    
}

/* Further adjustments for very small screens (e.g., phones) */
@media only screen and (max-width: 600px) {
    /* Adjust main container for smaller screens */
    .mainContainer {
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .redirectWebsite 
    {
        scale: 1;
    }
    /* Resize the blobs for mobile */
    .blob1, .blob2 {
        display: none;
    }

    .LazyLoadprofileLogoCont {
        width: 170px;
        height: 170px;
        top: 11%;
        left: 70%;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .profileLogoBr1, .profileLogoBr2
    {
        display: none;
    }
    .profileLogoCont {
        width: 170px;
        height: 170px;
        top: 10%;
        left: 70%;
    }

    .sectionName {
        font-size: 20px;
        left: 5%;
        top: 2%;
    }
    .nameDesc 
    {
        font-size: 1.3em;
        top: 20%;
    }

    .nameDescSub {
        font-size: 1em;
        left: 5%;
        top: 20%;
        
    }
    .nameDescSub {
        font-size: 2.1em;
        top: 25%;
        width: 40%;
        overflow: hidden;
        flex-wrap: wrap;
        word-wrap: break-word;
    }

    .classDesc {
        font-size: 1em;
        left: 5%;
        top: 40%;
        width: 90%;
    }


    .FooterSocials {
        top: 95%;
        left: 5%;
        font-size: 20px;
    }

    .redirectWebsite 
    {
        top: 75%;
        left: 25%;
        transform: translateX(-30%);
    }
    .redirectWebsiteCV 
    {
        position: absolute;
        top: 85%;
        left: 4%;
    }

    .FooterSocials i
    ion-icon {
        font-size: 18px;
    }

    .FooterSocials ion-icon:nth-child(1) {
        transform: rotate(5deg);
    }

    .FooterSocials ion-icon:nth-child(2) {
        transform: rotate(-5deg);
    }

    .FooterSocials ion-icon:nth-child(3) {
        transform: rotate(5deg);
    }

    .FooterSocials ion-icon:nth-child(4) {
        transform: rotate(-5deg);
        color: #ffc;
    }
}
@media only screen and (min-width: 2560px) 
{
    .mainContainer {
           transform: translate(-50%, -50%) scale(1.8);
    }
}