/*-------------------------------------------------------------------
  ===== Table of Contents =====

  * Bootstrap functions
  * Template variables
  * SCSS Compass Functions
  * Boostrap Main SCSS
  * Template mixins
    + Animation Mixins
    + Background Mixins
    + Badge Mixins
    + Button Mixins
    + Miscellaneous Mixins
    + BlockQuote Mixins
    + Cards Mixins
    + Color Functions Mixins
    + Tooltips
    + popovers
  * Core Styles
    + Reset Styles
    + Fonts
    + Functions
    + Backgrounds
    + Typography
    + Miscellaneous
    + Footer
    + Layouts
    + Utilities
    + Demo styles
  * Components
    + Accordions
    + Badges
    + Bootstrap Alerts
    + Boostrap Progress
    + Buttons
    + Breadcrumbs
    + Cards
    + Checkboxes and Radios
    + Dropdowns
    + Forms
    + Google maps
    + Icons
    + Loaders
    + Lists
    + Modals
    + Pagination
    + Popover
    + Preview
    + Tables
    + Tabs
    + Timeline
    + Todo List
    + Tooltips
    + User Profile
    + Pricing table
  * Email
    + Mail Sidebar
    + Mail List Container
    + Message Content
  * Plugin Overrides
    + Ace Editor
    + Avgrund Popup
    + Bootstrap Tour
    + Chartist
    + CodeMirror
    + Colcade
    + Colorpicker
    + Context Menu
    + Data Tables
    + Datepicker
    + Dropify
    + Dropzone
    + Flot chart
    + Full Calendar
    + Google Charts
    + Icheck
    + Jquery File Upload
    + Js-grid
    + Jvectormap
    + Light Gallery
    + Listify
    + No-ui-slider
    + Owl-carousel
    + Progressbar-js
    + Pws-tabs
    + Quill Editor
    + Rating
    + Select2
    + Summernote Editor
    + SweetAlert
    + Switchery
    + Tags
    + TinyMCE Editor
    + Toast
    + Typeahead
    + Wysi Editor
    + X-editable
    + Wizard
  * Landing screens
    + Auth
    + Lock Screen
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* === Import Bootstrap functions and variables === */
/*-------------------------------------------------------------------*/
/* === Import template variables === */
/*-------------------------------------------------------------------*/
/* === SCSS Compass Functions === */
/*.ng-invalid .ng-invalid-required {
    background: rgb(251, 227, 228) none repeat scroll 0 0;
    color: #8a1f11;
    border-color: #8a1f11!important;
}*/

body {
    margin: 0;
    overflow: hidden;
    background-color: #000;
}

.scene {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.santa {
    position: absolute;
    width: 100px; /* Adjust the size as needed */
    bottom: -100px; /* Start Santa off-screen */
    left: 50%; /* Start Santa in the middle horizontally */
    animation: santaRise 5s linear infinite, santaMove 5s linear infinite;
    transform-origin: center bottom;
}

.reindeer {
    position: absolute;
    top: 50%;
    left: -100px; /* Start reindeer off-screen */
}

.reindeer1, .reindeer2 {
    width: 80px; /* Adjust the size as needed */
    margin-right: 10px; /* Spacing between reindeer */
}

@keyframes santaRise {
    0% {
        transform: translateY(0) rotate(0deg);
    }

    25% {
        transform: translateY(-25%) rotate(90deg);
    }

    50% {
        transform: translateY(-50%) rotate(180deg);
    }

    75% {
        transform: translateY(-75%) rotate(270deg);
    }

    100% {
        transform: translateY(-100%) rotate(360deg);
    }
}

@keyframes santaMove {
    0%, 100% {
        left: 50%;
    }

    50% {
        left: 75%;
    }
}
}