:root{
        background-color: #111111;
        font-size: 12px !important;
    }
    p:hover{
        cursor: default;
    }
    a:hover{
        cursor: pointer;
    }
           
    body{
        background-color: #111111;
        height: 100vh;
        overflow-x: hidden !important;
    }
    
    body::-webkit-scrollbar{
        display:none;
        -webkit-user-select: none;
        -moz-user-select:    none;
        -ms-user-select:     none;
        user-select:         none;
    }
            
    .photo-of-erica{
        width: 24vw;
    }
    
    p{
        font-size: 1.16rem;
    }
         
    .erica-email{
        background-color: #ffffff !important;
        color: #111111 !important;
        width: 15vw;
        border-radius: 0.4rem;
    }
    
    .social-media-icon{
        margin: 2rem 0 0 0;
        height: 5rem;
        width:  5rem;
        border-radius: 0.5rem;
    }

    .about-erica{
        text-align: justify !important;
    }

    a,.franklin{
        color: #002B54;
    }
    
    .portfolio-img{
        height: 15rem;
        width:  15rem;
        border-radius: 3rem;
    }
    
    footer{
        color: white;
        padding: 50px 0 !important;
    }
    
    @media only screen and (max-device-width: 768px){
        .sm-portfolio-item-start{
            position: relative;
            margin: 0 0 0 3.2rem;
        }
        .container-fluid{
            padding-bottom: 10vh;
        }
        .photo-of-erica{
            width: 80vw;
        }
        
        .erica-email{
            width: 46vw;
            height: 4vh;
        }
        .erica-email > a {
            font-size: 1.5rem;
            font-weight: 700;
        }
        .major{
            font-size: 1.5rem;
        }
        .social-media-icon{
            margin: 1rem 0 0 0;
            height: 10rem;
            width:  10rem;
        }
        #right{
            padding: 0 3rem;
        }
        .about-me{
            padding-top: 9rem !important;
            margin-left: 4rem;
        }
        .about-erica{
            font-size: 1.5rem;
            padding: 0 4rem;
        }
        .apps-header{
            margin:  4rem 0 0 4rem;
            padding: 0 0 3rem 0;
        }
        .portfolio-item{
            margin-left: 4rem;
        }
        .portfolio-img{
            height: 24rem;
            width:  24rem;
        }
        
        h1[class="ebook"]{
            margin-left: 2rem;
        }
        
    	.website-link,.app-link{
    	    font-size: 2.5rem;
    	}
    	footer{
    	    height: 8vh;
    	    width:  100%;
    	    color: white;
    	}
    }