@charset "UTF-8";

#header_bar,#profile_header,#profile_friends,#profile_comments,#profile_password_photo_galleries,#profile_main_photo,#profile_mfc_share_content .heading,#profile_mfc_share_content,#profile_about_me .heading,#profile_about_me > :not(#about_me_container),#about_me_container > #about_me_label,#footer_bar {
  display:none;
}

:root {
  background-color:white;
  font-size:18px;
}

@media screen and (min-width: 600px) {
  :root {
    font-size:calc(16px + 3 * ((100vw - 600px) / 400));
  }
}

@media screen and (min-width: 1000px) {
  :root {
    font-size:19px;
  }
}

body,.profile_section_content {
  padding:0;
  margin:0;
}

#page-body {
  position:absolute;
  width:100%;
  min-height:100vh;
  background-color:#fff;
  top:0;
  left:0;
  overflow-x:hidden;
}

a {
  text-decoration:none;
}

.noselect {
  -webkit-touch-callout:none;
/* iOS Safari */
  -webkit-user-select:none;
/* Safari */
  -khtml-user-select:none;
/* Konqueror HTML */
  -moz-user-select:none;
/* Old versions of Firefox */
  -ms-user-select:none;
/* Internet Explorer/Edge */
  user-select:none;
/* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.normal-page-width {
  max-width:1000px;
  margin:0 auto;
  position:relative;
  padding-left:20px;
  padding-right:20px;
}

.clearfix::after {
  content:"";
  clear:both;
  display:table;
}

.full-width {
  width:100vw;
  position:relative;
  left:calc((100vw - 100%) / 2 * -1);
}

/*Default stuff up to here*/
h1,h2,h3,h4,h5,h6,p,div {
  font-family:'Montserrat',sans-serif;
  color:rgba(255,255,255,255.8);
}

p {
  color:white;
  opacity:.8;
}

p,div {
  font-size:1rem;
}

section {
  position:relative;
}

.emphasized-center {
  font-size:1.1rem;
  text-align:center;
}

.min-margin-lr {
  padding-left:10px;
  padding-right:10px;
}

#page-body {
  background:#74274b;
  background:linear-gradient(90deg,#862d56,#74274b,#862d56);
}

.ct {
  text-align:center;
}

.row-flex {
  display:flex;
  justify-content:space-evenly;
}

.width1-3 {
  width:33%;
  width:calc(100% / 3);
  box-sizing:border-box;
}

.width1-5 {
  width:20%;
  width:calc(100% / 5);
  box-sizing:border-box;
}

.wrap-flex {
  flex-wrap:wrap;
}

.limit-paragraph {
  max-width:800px;
}

/*PAGE SPECIFIC PAGE SPECIFIC PAGE SPECIFIC PAGE SPECIFIC PAGE SPECIFIC PAGE SPECIFIC PAGE SPECIFIC*/
/* width */
::-webkit-scrollbar {
  width:5px;
}

/* Track */
::-webkit-scrollbar-track {
  background:#D487AB;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background:#541D37;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:#541D37;
}

.title {
  font-size:4rem;
  display:inline-block;
  color:#dca7c6;
  text-shadow:2px 1px 2px black;
  font-family:'Bilbo Swash Caps',cursive;
  margin-top:0;
  margin-bottom:0;
}

section:not(:first-of-type) {
  padding-top:60px;
}

/*PAGE MENU PAGE MENU PAGE MENU PAGE MENU PAGE MENU PAGE MENU PAGE MENU*/
#top-menu {
  background-color:#17080f;
  box-shadow:2px 2px 4px rgb(0 0 0 / 30%);
  position:fixed;
  width:100vw;
  z-index:100;
}

#top-menu-container {
  max-width:1000px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  padding-left:20px;
  padding-right:20px;
}

.menu-item {
  display:inline-block;
  white-space:nowrap;
}

.menu-item a {
  color:#999;
  line-height:60px;
  display:block;
}

.menu-item a:hover {
  animation-name:pulse;
  animation-duration:.9s;
  animation-iteration-count:infinite;
  color:#ccc;
}

/*SECTION 1 SECTION 1 SECTION 1 SECTION 1 SECTION 1 SECTION 1 SECTION 1*/
#main-row {
  margin-top:120px;
}

@media screen and (min-width: 600px) {
  #main-row {
    margin-top:calc(120px + 50 * ((100vw - 600px) / 400));
  }
}

@media screen and (min-width: 1000px) {
  #main-row {
    margin-top:170px;
  }
}

#cta-row {
  margin-top:70px;
}

#main-left-column {
  width:38%;
}

#main-left-column,#main-right-column {
  display:inline-block;
}

#main-left-column img {
  opacity:.9;
  max-width:350px;
  width:calc(100% - 20px);
  filter:saturate(0.7);
}

#main-right-column {
  width:62%;
  max-width:620px;
  position:absolute;
  right:20px;
}

#main-title {
  font-size:72px;
  margin-top:0;
  margin-bottom:0;
}

@media screen and (min-width: 600px) {
  #main-title {
    font-size:calc(72px + 50 * ((100vw - 600px) / 400));
  }
}

@media screen and (min-width: 1000px) {
  #main-title {
    font-size:122px;
  }
}

.emphasized-description {
  font-size:1.2rem;
}

#cta-row a::after {
  content:"";
  width:100%;
  height:70%;
  margin-top:45%;
  position:absolute;
  left:0;
  background:radial-gradient(rgba(255,255,255,.3),transparent 70%);
}

#cta-mfcs {
  display:inline-block;
  width:150px;
  position:relative;
}

@media screen and (min-width:600px) {
  #cta-mfcs {
    width:calc(150px + 65 * (100vw - 600px) / 400);
  }
}

@media screen and (min-width:1000px) {
  #cta-mfcs {
    width:215px;
  }
}

#cta-mfcs img {
  width:100%;
}

/*SECTION 2 SECTION 2 SECTION 2 SECTION 2 SECTION 2 SECTION 2 SECTION 2*/
.section2-subtitle {
  text-align:center;
  font-weight:200;
}

.tip-item {
  width:300px;
  background-color:#ddd;
  padding:5px 40px;
  border-radius:33px 0;
  position:relative;
  box-sizing:border-box;
  box-shadow:2px 2px 3px rgb(0 0 0 / 30%);
  display:inline-block;
  transition:.2s transform;
  opacity:.9;
}

.tip-item:hover {
  transform:translateX(10px);
  opacity:1;
}

.tip-item:not(:first-of-type) {
  margin-top:10px;
}

.tip-title,.tip-amount {
  color:#925873;
  font-weight:600;
}

.tip-title {
  display:inline-block;
}

.tip-amount {
  display:inline-block;
  position:absolute;
  right:40px;
}

.token-symbol {
  font-size:10px;
}

.emphasized-element {
  background-color:#EDC368;
}

.tip-column {
  padding-left:10px;
  padding-right:10px;
  min-width:320px;
}

.anounce-element-wrapper {
  height:150px;
  display:flex;
  background:linear-gradient(transparent,#17080f 20%);
  box-shadow:2px 2px 3px rgb(0 0 0 / 30%);
}

.anounce-element {
  font-size:1.3rem;
  margin:auto;
}

/*SECTION 3 SECTION 3 SECTION 3 SECTION 3 SECTION 3 SECTION 3 SECTION 3*/
#mfc-share {
  width:100%;
  height:400px;
  border:1px solid rgba(255,255,255,.1);
}

#section3 {
  background:linear-gradient(#9e3666,#bd427b);
}

/*SECTION 4 SECTION 4 SECTION 4 SECTION 4 SECTION 4 SECTION 4 SECTION 4*/
#section4 {
  background:linear-gradient(#be427c,#222 85%);
}

#raffle-card-row {
  max-width:750px;
  margin-left:auto;
  margin-right:auto;
  margin-top:100px;
}

.raffle-card-column {
  padding-left:10px;
  padding-right:10px;
  min-width:150px;
}

.raffle-card {
  background:linear-gradient(45deg,lightgray,#a1a1a1,lightgray);
  border-radius:15px;
  width:130px;
  padding:20px 10px;
  box-sizing:border-box;
  text-align:center;
  box-shadow:2px 2px 3px rgb(0 0 0 / 30%);
  margin:20px auto 0;
}

.raffle-card > div {
  color:#333;
  font-weight:600;
}

.raffle-purchase {
  display:inline-block;
  margin-top:20px;
  color:white;
  font-size:.9rem;
  background:linear-gradient(45deg,#ff00ff,#d704d6,#ff00ff);
  padding:5px 10px 8px;
  border-radius:5px;
  font-weight:500;
  box-shadow:2px 2px 3px rgb(0 0 0 / 40%);
}

.raffle-purchase:hover {
  animation-name:pulse;
  animation-duration:.9s;
  animation-iteration-count:infinite;
}

@media screen and (min-width: 645px) {
  .card-up {
    transform:translateY(-36px);
  }
}

/*SECTION 5 SECTION 5 SECTION 5 SECTION 5 SECTION 5 SECTION 5 SECTION 5*/
#section5 {
  background:linear-gradient(#222,#491414);
}

#tipper-row {
  width:560px;
  margin:0 auto;
}

.crown-image {
  display:block;
  margin:0 auto;
  margin-top:40px;
}

#first-tipper {
  width:560px;
}

.tipper-name {
  text-align:center;
  font-size:30px;
  font-weight:600;
}

.silver {
  filter:grayscale(1);
}

.bronze {
  filter:hue-rotate(322deg);
}

/*FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER*/
#designer {
  position:fixed;
  right:-80px;
  bottom:60px;
  transform:rotate3d(0,0,1,270deg);
  background-color:#111;
  padding:10px;
  opacity:1;
  color:white;
}

@keyframes pulse {
  from {
    transform:scale3d(1,1,1);
  }

  50% {
    transform:scale3d(1.10,1.10,1.10);
  }

  to {
    transform:scale3d(1,1,1);
  }
}