/* 
ipt consentiframe css
06.2022
*/


/* font medium*/
@font-face {
font-family: 'MediumLL';
font-style: normal;
font-weight: 400;
src: url('../media/sys_fonts/medium/MediumLLWeb-Regular.woff2') format('woff2'), 
url('../media/sys_fonts/medium/MediumLLWeb-Regular.woff') format('woff');
}
 
@font-face {
font-family: 'MediumLL';
font-style: normal;
font-weight: 700;
src: url('../media/sys_fonts/medium/MediumLLWeb-Bold.woff2') format('woff2'), 
url('../media/sys_fonts/medium/MediumLLWeb-Bold.woff') format('woff'); 
}


/* italic */
@font-face {
font-family: 'MediumLL';
font-style: italic;
font-weight: 400;
src: url('../media/sys_fonts/medium/MediumLLWeb-Italic.woff2') format('woff2'), 
url('../media/sys_fonts/medium/MediumLLWeb-Italic.woff') format('woff'); 
}
 

@font-face {
font-family: 'MediumLL';
font-style: italic;
font-weight: 700;
src: url('../media/sys_fonts/medium/MediumLLWeb-BoldItalic.woff2') format('woff2'), 
url('../media/sys_fonts/medium/MediumLLWeb-BoldItalic.woff') format('woff'); 
}

 
html, body {
 margin:0px; padding:0px; width: 100%;  
    height: 100%;
font-family: "MediumLL", Arial, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.1;
color: #000;
} 



            body{
 display: flex;
justify-content: center;
align-items:center;
 }


                 p{
 margin:5px 0 10px 0;
                }

 
.center-div{
  background: #fff;
   padding:10px 10px;
max-width:400px;
  text-align: center;
}



/* buttons */


button{
border: none;
}


.button{
width:100%;
background: #E6E5E5;
border-radius: 25px;
padding: 25px;
display: block;
text-align: center;
text-decoration: none;
font-size: 16px;
}

.button.m{
  display: inline-block;
  width: auto;
  padding:18px;
 
}
.button.sm{
display: inline-block;
  width: auto;
  padding:12px;
 
}


.button.grey{
background:#ccc;
}

.button.hl{
background:#EEDDFF;
}

.button.hldark{
background:#CF9DFF;;
}

.button.dark{
background:#575757;
color: #eee;
}

 .button.black{
background:#000;
color: #eee;
}