@font-face {
    font-family: 'BubblyHandwriting';
    src: url('BubblyHandwriting-Regular.ttf') format('truetype');
}

    body {
        background-image: url("https://codehs.com/uploads/bb1dad4f036f810e2b48ab96e513b5f5");
        background-repeat: repeat;
        font-family: 'BubblyHandwriting', sans-serif;
        margin: 0;
        padding: 0;
        cursor: url("https://0x0.st/Xp1A.png"), auto !important;
        font-family: 'BubblyHandwriting', sans-serif;
    }

    #background {
        background-image: url("https://codehs.com/uploads/87a0e9ea1fc2fea396be645db0b88b93");
        background-repeat: repeat;
        background-position: center;
        background-size: auto;
        font-family: 'BubblyHandwriting', sans-serif;
    }
    

    #main {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 1250px;
        height: calc(1250px * 9 / 16);
        background-image: url(https://codehs.com/uploads/8b23a82cf2ec2cca9bde5be566547f55);
        background-size: 1250px;
        background-repeat: no-repeat;
        background-position: center;
        font-family: 'BubblyHandwriting', sans-serif;
    }
    
    
    #resumeButton{
        position: fixed;
        left: 69.5%;
        top: 21%;
        width: 100px;
        font-size: 23px;
    }
    
    #aboutMeText{
        position: fixed;
        left: 49.5%;
        top: 35%;
    }
    
    #aboutMeTitle{
      position: fixed;
      left: 53.5%;
      top: 20%;

    }