<style>
:root {
--lightest: #F2E4E1;
--lighter: #C3C1CC;
--light: #989CB6;
--darker: #655F83;
--darkest: #473744;
}
@font-face {
font-family: poppins;
src: url(https://file.garden/ZhR7DLcFMh_Z3OTH/Poppins-Regular.ttf);
}
* {
font-family: poppins;
color: #000;
}
::-webkit-scrollbar {
width: 14px;
height: 10px;
}
::-webkit-scrollbar-thumb {
background: linear-gradient(90deg, rgba(238,238,238,1) 38%, rgba(206,206,206,1) 62%);
border: 1.5px solid #888888;
border-radius: 5px;
}
::-webkit-scrollbar-track {
background: linear-gradient(90deg, rgba(230,230,230,1) 6%, rgba(240,240,240,1) 18%);
}
::-webkit-scrollbar-button {
display: block;
width: 14px;
height: 16px;
}
::-webkit-scrollbar-button:vertical:start:decrement {
background: white;
background-image: url("https://dl.dropbox.com/s/vtnpkuealr2f7u4/whc8iy3_d.png");
border: 1.5px solid #888888;
border-radius: 5px;
}
::-webkit-scrollbar-button:vertical:start:increment {
display: none;
}
::-webkit-scrollbar-button:vertical:end:decrement {
display: none;
}
::-webkit-scrollbar-button:vertical:end:increment {
background: white;
background-image: url("https://dl.dropbox.com/s/vtnpkuealr2f7u4/whc8iy3_d.png");
border: 1.5px solid #888888;
border-radius: 5px;
}
body {
animation: FadeIn 1.5s;
}
.tab-container {
background: transparent !important;
}
.background {
display: block;
width: 480px !important;
height: 400px !important;
background-color: #fff;
border: 1.7px solid #000;
border-radius: 1em !important;
margin: auto;
padding: 1em;
box-shadow: inset -10px 0 10px -10px #00000080, inset 0 -10px 10px -10px #00000080, inset 10px 0 16px -10px #00000080;