@font-face { 
          font-family: 'javassoul'; 
          src: url('https://api.owlink.id/uploads/fonts/title/javassoul.ttf'); 
        } 
        .font-title, .hover-title:hover, .after-title:after, .before-title:before {
          font-family: 'javassoul' !important; 
        }
        
        @font-face { 
          font-family: 'liana'; 
          src: url('https://api.owlink.id/uploads/fonts/liana.ttf'); 
        } 
        .font-additional, .hover-additional:hover, .after-additional:after, .before-additional:before {
          font-family: 'liana' !important; 
        }
        
        @font-face { 
          font-family: 'sukar'; 
          src: url('https://api.owlink.id/uploads/fonts/sukar.ttf'); 
        } 
        .font-content,.hover-content:hover, .after-content:after, .before-content:before {
          font-family: 'sukar' !important; 
        }
        .content-layout p, 
        .also_invite,
        #also_inviting li,
        .content-layout p b, 
        .content-layout a, 
        .content-layout .form-control, 
        .content-layout button, 
        #welcome p,
        #welcome p b,
        #welcome button,
        .modal-body p, 
        .modal-body label, 
        .modal-body p, 
        .modal-body b { 
          font-family: 'sukar' !important; 
        }
         
      #bottom-bar .wrapper {
        background-color: rgba(216,207,201,1) !important;
      }
      #quote, #live, #coupleProfile, #galleries, #weddingDetail, #story, #wishes, #footer, .premium #hours, .premium #minutes, .premium #seconds, .premium #days, .premium #rsvp, .btn-premium{
        background-color: #d8cfc9;
      }
      .content-layout p, #also_inviting li {
        color: #5a574e;
      }
      .content-layout h4, .content-layout h3, .content-layout h1, .btn-premium {
        color: #3b1f0d;
      }
      .content-layout .alert {
        border-color: #3b1f0d;
        background-color: rgba(59,31,13,0.1);
        color: #3b1f0d;
      }
      .content-layout .btn.btn-outline-primary {
        border-color: #3b1f0d;
        color: #3b1f0d;
      }
      .content-layout .btn.btn-primary:not(.btn-calendar) {
        background-color: rgba(59,31,13,1);
        border-color: rgba(59,31,13,1);
        color: rgba(216,207,201,1);
      }
      .content-layout .custom-file-label, .content-layout .form-control,.content-layout .form-control::placeholder {
        color: rgba(90,87,78,0.5);
      }
      #wishes .text-container {
        color: rgba(59,31,13,1);
        background-color: rgba(216,207,201,1) !important;
      }
      .content-layout .music-control {
        background-color: #3b1f0d;
        color: #d8cfc9;
      }
      #countdown ul li{
        color: rgba(90,87,78,1)
      }
      #countdown ul li span{
        color: rgba(59,31,13,1)
      }
      #bottom-bar .wrapper ul li a {
        color: rgba(59,31,13,1) !important;
      }
      #bottom-bar .wrapper ul li a.active {
        color: rgba(216,207,201,1) !important;
        background-color: rgba(59,31,13,1) !important;
      }