:root {
    --lightpink:#FFC0B2;
    --altdark:#72364D;
    --darkpink:#521636;
    --darkerpink:#44122D;
  }

html{
    height:100%;
    width:100%;
    font-size:16px;
}
body:before{
    background-attachment: scroll;
    content: '';
    display: block;
    position: fixed;
    width:100vw;
    height:100vh;
    left:0;
    top:0;
    transform: scale(1);
    z-index: -700;
    background-color: var(--darkpink);
}
body{
    font-family:"Poppins",sans-serif;
    color: var(--lightpink);
    font-size:1rem;
    line-height:normal;
    font-weight:150;
}
::selection {
    background: var(--lightpink);
    color:var(--darkerpink)
  }
body, html {
    scrollbar-width: auto;
    scrollbar-color: var(--lightpink) var(--altdark);
  }
@viewport {
    width: device-width ;
    zoom: 1.0 ;
  } 

@-ms-viewport {
    width: device-width ;
  }

/*Container thingies*/
#container{
    max-width: 700px;
    margin: auto;
}
#darker{
    max-width: 570px;
    border-radius:10px;
    background-color: var(--darkerpink);
    margin: 10px auto;
    padding: 10px 30px;
}

/*Text stuff*/
h1{
    font-size:2.75rem;
    line-height:1;
    font-weight:700px; 
}
h2{
    font-size:1.75rem;
    line-height:1;
    font-weight:700px; 
}
h3{
    font-size:1.5rem;
    line-height:1;
    font-weight:700px; 
}
#text01{
    display:block;
    text-align: center;
    max-width: 620px;
    font-size:18px;
    margin-left: auto;
    margin-right: auto;
}
#igembed{
    color:#c9c8cd;
    font-family:Arial,sans-serif;
    font-size:14px;
    line-height:17px;
    margin-bottom:0;
    margin-top:8px;
    padding:8px 0 7px;
    text-align:center;
    text-overflow:ellipsis;
    text-decoration:none;
    white-space:nowrap;
}
#igembedblue{
    color:#3897f0;
    font-family:Arial,sans-serif;
    font-size:14px;
    font-style:normal;
    font-weight:550;
    line-height:18px;
}
a{
    font-size:inherit;
    color:inherit;
    text-decoration:inherit
}
b{
    font-weight:700;
}
.credit{
    text-align:center;
}
.credit2{
    font-size:0.8rem;
    text-align:center;
}
.credit a, .credit2 a{
    text-decoration: underline;
    color:#fff
}
.credit a:hover, .credit2 a:hover{
    transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    color: var(--lightpink);
}
#menu{
    color:#fff;
    text-decoration: underline;
}    
#menu:hover{
    transition:color .6s;
    color: var(--lightpink);
}
.color{
    text-decoration: underline;
    color:var(--lightpink)
}
.color:hover{
    transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    color: white;
}
/*Buttons?*/
.button{
    border:none;
    border-radius:8px;
    font-family:"Poppins",sans-serif;
    color: #fff;
    font-size:1.5rem;
    line-height:1;
    font-weight:200;
    padding: 12px 30px;
    text-decoration:none;
    margin-bottom: 0.7rem;
    margin-left: 0.35rem;
    margin-right: 0.35rem;
    text-align: center;
    cursor: pointer;
}
.button:hover {
    transition: all .2s ease-out;
    transform: scale(1.05); 
    }
.even{
    width:352px;
}
.even2{
    width:280px;
}
.even3{
    width:275px;
}
.even4{
    width:inherit
}
.stack{
    display:block;
    margin-left: auto;
    margin-right: auto;
}
/*Placement?*/
#left{
    float:left;
    text-align: start;
    order:1;
}
#right{
    float:right;
    text-align: start;
    order:2;
}
#center{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    order:3;
}
/*region-specific*/

.about1{
    text-align:start;
    float:left;
    margin-left:1rem;
    width:19rem
}
.about2{
    text-align:start;
    float:right;
    margin-right:1rem;
    width:19rem;
    overflow:hidden;
}
#aboutcenter{
    max-width: 660px;
    margin: auto;
    overflow: hidden;
}
.aboutiframe{
    border-radius:15px;
    width:19rem;
}
#abouttext{
    max-width:320px;
}
#centermediamenu{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
#centermedia{
    display:table;
    text-align: center;
    max-width: 895px;
    margin-left: auto;
    margin-right: auto;
}
#centermediayhs{
    display:table;
    text-align: center;
    max-width: 895px;
    margin-left: auto;
    margin-right: auto;
}
.mediatext{
    max-width:450px;
    padding-left: 25px;
}
.mediavideo{
    border-radius:15px;
    padding:15px;
    text-align:center
}
.listen1{
    float:left;
    margin-left:1rem;
    width:45%;
    order:1;
}
.listen2{
    float:right;
    margin-right:1rem;
    width:45%;
    overflow:hidden;
    order:2
}
#videoleft{
    float:left;
    padding:14px;
    text-align:center;
    order:1;
}
#videoright{
    float:right;
    padding:14px;
    text-align:center;
    order:2;
}
#contactleft{
    width:45%;
    float:left;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    order:1
}
#contactright{
    width:45%;
    float:right;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    order:2
}
#ytvid{
    width:585px;
    height:330px
}
#tiktokvid{
    width:200px;
    height:350px
}
#mediamenuimg{
    width:420px;
    padding:14px;
}
#nonstandard, #nonstandard-wide{
    height:270px;
    padding:14px;
}
/*Making things fit!!*/
#color:hover{
    transition:color .6s;
    color: var(--lightpink);
}
hr.solid {
    background-color:var(--lightpink);
    border:none;
    border-radius:5px;
    height: 2px;
  }
hr.half {
    background-color:var(--altdark);
    border:none;
    border-radius:5px;
    height: 2px;
  }
svg{
    min-width: 16px;
    width: 23px;
    margin-top:-67px;
    margin-bottom:-67px;
    fill:#F7EBF7
}
table, th, td {
    max-width: 690px;
    text-align:start;
    font-size:1.25rem;
    border: 1px solid var(--lightpink);
    padding:0.5rem;
    border-collapse: collapse;
  }
th{
    min-width:6rem;
    background-color: var(--altdark);
}
td a{
    text-decoration:underline
}
textarea{
    background-color: var(--altdark);
    color: var(--lightpink);
    border: dashed 3px var(--lightpink);
    font-size:0.75rem;
    padding:5px;
}
#preloader {
    align-items: center;
    justify-content: center;
    width: 100%;
    display: flex;
    position: fixed;
    height: 100vh;
    left: 0;
    top: 0;
    background: var(--darkpink)
      url("images/oval.svg")
      no-repeat center;
    z-index: 9999;
  }