@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;
    }
    
    .buttonLog {
        width:16%;
        color: white;
        letter-spacing: 1px;
        font-size: 20px;
        margin-left: 20%;
        padding-top: 9%;
        position: fixed;
        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/85bec30f1ed02b9cb8c9ea1094611844);
        background-size: 1250px;
        background-repeat: no-repeat;
        background-position: center;
        font-family: 'BubblyHandwriting', sans-serif;
    }
    
  
    
    #internshipOneTitle{
        position: fixed;
        left: 34%;
        top: 12%;
    }
    
    #engineeringOne{
        position: fixed;
        left: 57%;
        top: 19%;
    }
    
    #engineeringTwo{
        position: fixed;
        left: 17%;
        top: 26%
    }
    
    #engineeringThree{
      position: fixed;
      left: 30%;
      top: 60%;
    }
    
    #engingeeringButton{
      position: fixed;
      left: 19%;
      top: 21%;
    }
    
    #engineeringSummary{
      position: fixed;
      left: 16%;
      top: 37%;
    }
      
    #internshipTwoTitle{
        position: fixed;
        left: 36%;
        top: 11.5%;
    }
    
    #lawPhotoOne{
      position: fixed;
      left: 58%;
      top: 27%;
    }
    
    #lawPhotoTwo{
      position: fixed;
      left: 12.7%;
      top: 26%;
    }
    
    #lawfirmSummary{
      position: fixed;
      left: 32.5%;
      top: 36%;
    }
    
    
    
    #templeTitle{
      position: fixed;
      left: 36%;
      top: 10%;
    }
    
    #templePhotoOne{
      position: fixed;
      left: 58%;
      top: 15%;
    }
    
    #templePhotoTwo{
      position: fixed;
      left: 12.7%;
      top: 30%;
    }
    
    #templePhotoThree{
      position: fixed;
      left: 58%;
      top: 44%;
    }
    
    #templeSummary{
      position: fixed;
      left: 14%;
      top: 28%;
    }