:root{--primary-color: #D4B296;--primary-color-hover: #CCAB94;--white: #fff;--primary-text-color: #303030;--bs-link-color-rgb: var(--primary-color);--bs-link-hover-color-rgb: var(--primary-color-hover)}body{background-color:#2c2b26;color:var(--white);z-index:999;min-height:100vh;position:relative;display:flex;justify-content:center;align-items:center;padding:30px 15px}body:before{background:#ffffff0d;bottom:100%;content:"";display:block;height:100%;position:absolute;right:0;transform-origin:100% 100%;transform:rotate(-15deg);width:150%}.btn-primary{--bs-btn-color: #fff;--bs-btn-bg: var(--primary-color);--bs-btn-border-color: var(--primary-color);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--primary-color-hover);--bs-btn-hover-border-color: var(--primary-color-hover);--bs-btn-focus-shadow-rgb: 49,132,253;--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--primary-color-hover);--bs-btn-active-border-color: var(--primary-color-hover);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: var(--primary-color);--bs-btn-disabled-border-color: var(--primary-color)}body.login .logo{width:70%}body.login .btn-section{margin-top:50px;text-align:center}body.login .btn-section a{color:var(--primary-text-color);font-size:16px;font-weight:400;margin:2px 0 3px;height:40px;line-height:40px;border-radius:0;display:inline-block;text-align:center;text-decoration:none;background:var(--white);box-shadow:0 0 5px #0003;transition:.3s}body.login .btn-section a .fa-google{padding:0 12px;line-height:40px;float:left;background:var(--primary-color);color:var(--white)}body.login .btn-section a span{display:inline-block;padding:0 15px}body.login .btn-section a:hover{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}body.login .btn-section a:hover .fa-google{background:var(--primary-color-hover)}.drop-container{position:relative;display:flex;gap:10px;flex-direction:column;justify-content:center;align-items:center;height:200px;padding:20px;border-radius:10px;border:2px dashed #555;color:#444;cursor:pointer;transition:background .2s ease-in-out,border .2s ease-in-out,transform .5s}.drop-container:hover{background:#eee;border-color:#111}.drop-container:hover .drop-title{color:#222}.drop-container .drop-title{color:#444;font-size:20px;font-weight:700;text-align:center;transition:color .2s ease-in-out}.drop-container.drag-active{background:#eee;border-color:#111;-ms-transform:scale(1.01);-webkit-transform:scale(1.01);transform:scale(1.01)}.drop-container.drag-active .drop-title{color:#222}