@font-face {
  font-family: 'Blogger Sans';
  src: local("Blogger Sans Medium"), local("BloggerSans-Medium"), url("../fonts/Bloggersansmedium.woff2") format("woff2"), url("../fonts/Bloggersansmedium.woff") format("woff"), url("../fonts/Bloggersansmedium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Blogger Sans';
  src: local("Blogger Sans Medium Italic"), local("BloggerSans-MediumItalic"), url("../fonts/Bloggersansmediumitalic.woff2") format("woff2"), url("../fonts/Bloggersansmediumitalic.woff") format("woff"), url("../fonts/Bloggersansmediumitalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Blogger Sans';
  src: local("Blogger Sans Italic"), local("BloggerSans-Italic"), url("../fonts/Bloggersansitalic.woff2") format("woff2"), url("../fonts/Bloggersansitalic.woff") format("woff"), url("../fonts/Bloggersansitalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Blogger Sans';
  src: local("Blogger Sans Light"), local("BloggerSans-Light"), url("../fonts/Bloggersanslight.woff2") format("woff2"), url("../fonts/Bloggersanslight.woff") format("woff"), url("../fonts/Bloggersanslight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Blogger Sans';
  src: local("Blogger Sans"), local("BloggerSans"), url("../fonts/Bloggersans.woff2") format("woff2"), url("../fonts/Bloggersans.woff") format("woff"), url("../fonts/Bloggersans.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Blogger Sans';
  src: local("Blogger Sans Bold Italic"), local("BloggerSans-BoldItalic"), url("../fonts/Bloggersansbolditalic.woff2") format("woff2"), url("../fonts/Bloggersansbolditalic.woff") format("woff"), url("../fonts/Bloggersansbolditalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Blogger Sans';
  src: local("Blogger Sans Bold"), local("BloggerSans-Bold"), url("../fonts/Bloggersansbold.woff2") format("woff2"), url("../fonts/Bloggersansbold.woff") format("woff"), url("../fonts/Bloggersansbold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Blogger Sans';
  src: local("Blogger Sans Light Italic"), local("BloggerSans-LightItalic"), url("../fonts/Bloggersanslightitalic.woff2") format("woff2"), url("../fonts/Bloggersanslightitalic.woff") format("woff"), url("../fonts/Bloggersanslightitalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

:root {
  --bs-body-font-family: 'Blogger Sans';
  --bs-blue: #1CB0F6;
  --bs-purple: #CE82FF;
  --bs-red: #EE3436;
  --bs-yellow: #FECA52;
  --bs-green: #0cdb78;
  --bs-black: #263238;
  --bs-dark: #263238;
  --bs-body-color: #263238;
  --bs-body-bg: #F5F8FA;
  --bs-link-color: #1CB0F6;
  --bs-link-hover-color: #1494cf;
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 11px;
  --bs-btn-font-size: 14px;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.2;
  --bs-btn-border-radius: 12px;
  font-weight: 500;
  padding-top: 14px;
}

.btn-group-lg > .btn, .btn-lg {
  --bs-btn-padding-y: 19px;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 18px;
  --bs-btn-border-radius: 16px;
  padding-top: 22px;
}

.btn-group-sm > .btn, .btn-sm {
  --bs-btn-padding-y: 14px;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 20px;
  --bs-btn-border-radius: 16px;
  font-weight: bold;
  padding-top: 17px;
}

.btn-warning {
  --bs-btn-color: #263238;
  --bs-btn-bg: #FFDD1A;
  --bs-btn-border-color: #FFDD1A;
  --bs-btn-hover-color: #263238;
  --bs-btn-hover-bg: #e7c816;
  --bs-btn-hover-border-color: #e7c816;
  --bs-btn-active-color: #263238;
  --bs-btn-active-bg: #e7c816;
  --bs-btn-active-border-color: #e7c816;
  --bs-btn-disabled-color: #535658;
  --bs-btn-disabled-bg: #ffeb7b;
  --bs-btn-disabled-border-color: #ffeb7b;
}

.btn-warning.btn-drop-shadow {
  -webkit-box-shadow: 0px 4px 0px #e7c816;
          box-shadow: 0px 4px 0px #e7c816;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #FF7878;
  --bs-btn-border-color: #FF7878;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #da6666;
  --bs-btn-hover-border-color: #da6666;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #da6666;
  --bs-btn-active-border-color: #da6666;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #fb9c9c;
  --bs-btn-disabled-border-color: #fb9c9c;
}

.btn-danger.btn-drop-shadow {
  -webkit-box-shadow: 0px 4px 0px #da6666;
          box-shadow: 0px 4px 0px #da6666;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0cdb78;
  --bs-btn-border-color: #0cdb78;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0fc86f;
  --bs-btn-hover-border-color: #0fc86f;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0fc86f;
  --bs-btn-active-border-color: #0fc86f;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #69ecad;
  --bs-btn-disabled-border-color: #69ecad;
}

.btn-success.btn-drop-shadow {
  -webkit-box-shadow: 0px 4px 0px #0fc86f;
          box-shadow: 0px 4px 0px #0fc86f;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1CB0F6;
  --bs-btn-border-color: #1CB0F6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1292cd;
  --bs-btn-hover-border-color: #1292cd;
  --bs-btn-focus-shadow-rgb: 130,138,145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1292cd;
  --bs-btn-active-border-color: #1292cd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #71caf4;
  --bs-btn-disabled-border-color: #71caf4;
}

.btn-primary.btn-drop-shadow {
  -webkit-box-shadow: 0px 4px 0px #1292cd;
          box-shadow: 0px 4px 0px #1292cd;
}

.btn-light {
  --bs-btn-color: #263238;
  --bs-btn-bg: #E5E5E5;
  --bs-btn-border-color: #E5E5E5;
  --bs-btn-hover-color: #263238;
  --bs-btn-hover-bg: #c9c8c8;
  --bs-btn-hover-border-color: #c9c8c8;
  --bs-btn-focus-shadow-rgb: 130,138,145;
  --bs-btn-active-color: #263238;
  --bs-btn-active-bg: #c9c8c8;
  --bs-btn-active-border-color: #c9c8c8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #263238;
  --bs-btn-disabled-bg: #dedede;
  --bs-btn-disabled-border-color: #dedede;
}

.btn-light.btn-drop-shadow {
  -webkit-box-shadow: 0px 4px 0px #c9c8c8;
          box-shadow: 0px 4px 0px #c9c8c8;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #CE82FF;
  --bs-btn-border-color: #CE82FF;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #af70d9;
  --bs-btn-hover-border-color: #af70d9;
  --bs-btn-focus-shadow-rgb: 130,138,145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #af70d9;
  --bs-btn-active-border-color: #af70d9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #daabfa;
  --bs-btn-disabled-border-color: #daabfa;
}

.btn-secondary.btn-drop-shadow {
  -webkit-box-shadow: 0px 4px 0px #af70d9;
          box-shadow: 0px 4px 0px #af70d9;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #456bf2;
  --bs-btn-border-color: #456bf2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3c5ccf;
  --bs-btn-hover-border-color: #3c5ccf;
  --bs-btn-focus-shadow-rgb: 130,138,145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3c5ccf;
  --bs-btn-active-border-color: #3c5ccf;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6687fc;
  --bs-btn-disabled-border-color: #6687fc;
}

.btn-info.btn-drop-shadow {
  -webkit-box-shadow: 0px 4px 0px #3c5ccf;
          box-shadow: 0px 4px 0px #3c5ccf;
}