.body{

    padding: 0;
    margin: 0;

    height: 100vh;
    
    display: flex;
    justify-content: center;
    align-items: center;

    background-color:azure;

}

/* .google-logo{

       position: relative;
       
       margin-left: 300px;
       margin-top: 100px;
       
       width: 300px;
       height: 300px;

       border-top: 100px solid #ea4335;
       border-bottom: 100px solid #34a853;
       border-left: 100px solid #fbbc05;
       border-right:100px solid #4285f4;

       border-radius: 50%;
       background-color:azure;  

} */

.google-logo{

    position: relative;
    
    margin-left: 350px;
    margin-top: 200px;
    
    width: 200px;
    height: 200px;

    border-top: 70px solid #ea4335;
    border-bottom: 70px solid #34a853;
    border-left: 70px solid #fbbc05;
    border-right:70px solid #4285f4;

    border-radius: 50%;
    background-color:azure;  

}

.google-text{

    font-size: 8.5rem;

    position: relative;
    left: 50%;
    bottom: 380px;

}

/* .google-logo::before{

    content: "";

    position: absolute;
    top: 50%;
    right: -95px;

    transform: translateY(-50%);
    width: 245px;
    height: 100px;

    background-color: #4285f4;
} */


.google-logo::before{

    content: "";

    position: absolute;
    top: 50%;
    right: -65px;

    transform: translateY(-50%);
    width: 160px;
    height: 70px;

    background-color: #4285f4;
}

/* .google-logo::after{
    content:"";
    position: absolute;
    top: -100px;

    right: -100px;
    width: 0;
    height: 0;

    border-top: 200px solid transparent; */
    /* border-right: 200px solid azure; 
}
 */

.google-logo::after{
    content:"";
    position: absolute;
    top: -85px;

    right: -80px;
    width: 0;
    height: 0;

    border-top: 150px solid transparent; 
     border-right:150px solid azure;

}