Please help me! Deleted some code and now all my custom ccs code won't work including custom font :(

Hello! 

I was wondering if someone would be able to help me. I recently deleted some lines of code on my website to adjust one of my pages and now none of the custom css will work, like my custom font or the layout on my pages. 

https://www.sjlstudio.co.uk/ - Font should be Optibakerdanmarkone

https://www.sjlstudio.co.uk/the-darling-collection - and this page should be image on the left and text on the right. 

Please help - thank you so much in advance. Code is below:

@font-face {   
font-family: 'OPTIBakerDanmarkOne';  
src: url('https://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otf'), url('https://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otf'), url('https://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otf');}
custom {
font-family: 'OPTIBakerDanmarkOne';}
h1 {
font-family: 'OPTIBakerDanmarkOne';}
h2 {
font-family: 'OPTIBakerDanmarkOne';}
h3 {
font-family: 'OPTIBakerDanmarkOne';}
h4 {
font-family: 'OPTIBakerDanmarkOne';}
.collection-type-products .grid-title {
    font-family: 'OPTIBakerDanmarkOne';
}
/* Product title font */
h1.ProductList-title,
h1.ProductItem-details-title {
    font-family: 'OPTIBakerDanmarkOne' !important; }
@media only screen and (min-width: 641px) {
  #collection-61b4d4bad005f33f5c742c0c {
    #page .page-section:nth-of-type(2) { /*second second on the left*/
      width: 45%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
@media only screen and (min-width: 641px) {
  #collection-61e3126680afe51b5a5aaec2 {
    #page .page-section:nth-of-type(2) { /*second second on the left*/
      width: 45%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
    #page .page-section:nth-of-type(3) { /*third section on the right*/
      width: 55%;
      min-height: 80vh;
      align-items: center;
    }
    #page .page-section:nth-of-type(4) { /* forth section full width again */
      clear: both;
    }
  }
}
@media only screen and (min-width: 641px) {
  #collection-61f06508f54d9138d8d1fff4 {
    #page .page-section:nth-of-type(2) { /*second second on the left*/
      width: 45%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
    #page .page-section:nth-of-type(3) { /*third section on the right*/
      width: 55%;
      min-height: 80vh;
      align-items: center;
    }
    #page .page-section:nth-of-type(4) { /* forth section full width again */
      clear: both;
    }
  }
}
@media only screen and (min-width: 641px) {
  #collection-61b4d4bad005f33f5c742c0c {
    #page .page-section:nth-of-type(5) { /*second second on the left*/
      width: 45%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
    #page .page-section:nth-of-type(6) { /*third section on the right*/
      width: 55%;
      min-height: 80vh;
      align-items: center;
    }
    #page .page-section:nth-of-type(5) { /* forth section full width again */
      clear: both;
    }
  }
}
@media only screen and (min-width: 641px) {
  #collection-61e3126680afe51b5a5aaec2 {
    #page .page-section:nth-of-type(5) { /*second second on the left*/
      width: 45%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
    #page .page-section:nth-of-type(6) { /*third section on the right*/
      width: 55%;
      min-height: 80vh;
      align-items: center;
    }
    #page .page-section:nth-of-type(4) { /* forth section full width again */
      clear: both;
    }
}  }https://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otf
}
@media only screen and (min-width: 641px) {
  #collection-61a36d3b3ed02a77d10ca846 {
    #page .page-section:nth-of-type(2) { /*second second on the left*/
      width: 50%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
    #page .page-section:nth-of-type(3) { /*third section on the right*/
      width: 50%;
      min-height: 80vh;
      align-items: center;
    }
    #page .page-section:nth-of-type(4) { /* forth section full width again */
      clear: both;
    }
  }
}
/* Product details page logo */
body.collection-type-product.view-item .Header-branding-logo {
    filter: invert(1);
    -webkit-filter: invert(1);
}
  #cart
  .header-title-logo img
  {filter: brightness(0) invert(0);}
body.collection-type-products.view-item .header-announcement-bar-wrapper {
  background-color: #D9E2F7 !important;
}
  https://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otf