Delscreations444's Profile Comments

this is my css!

$striking:#53b2c9; $dark:#151321; $light:#ffffff; $vibrant:#d62a6c; $bg:#0F0A0F; $bodybg:#151320; $formbg:#475385; $accentfont:'VT323'; $brandfont:'Rubik Glitch'; $textfont:'Montserrat';

import url('https://fonts.googleapis.com/css?family=Rubik+Glitch&display=swap'); import url('https://fonts.googleapis.com/css?family=VT323&display=swap'); import url('https://fonts.googleapis.com/css?family=Montserrat:wght@300&display=swap');

import '0/13740/rz9bqa/electric-premium';

.side-nav .display-user img { display: block; margin: auto; max-width: 80%; max-height: 80%; border-radius:50%; }

.side-nav .display-user-username { text-align: center; display: block; margin-top: .5rem; font-size:1.25rem; } Media (min-width:768px) { #header { z-index: 500; }

.row.row-offcanvas.row-offcanvas-left { justify-content: center; min-height: calc(100vh - -170px - 48px)!important; }

.navbar .navbar-brand { margin-left:50px; }

.hidden-md-up.nav-mobile-menu { display:block!important; position: absolute; top: 0; z-index: 500; border: none; background: none; padding: 0; }

.nav-mobile-menu-toggle { font-size: 0; border: none; background: none!important; box-shadow: none!important; /*/ if button is uncentered using another css adjust the below values ^_^ /*/ margin-top: 3px; margin-left: 3px; margin-right: 3px; margin-bottom: 3px; }

.nav-mobile-menu-toggle:before { content:"\f55f"; color: #73F354; font-family: 'Font Awesome 5 Pro'; font-size:20px; }

#main #sidebar { left:-100%; transition:0.6s ease; position: absolute; width: 100%; height: 100%; z-index: 100; }

#main #sidebar.active { left:0%; transition:0.6s ease; }

#main #content { transition:0.6s ease; }

#main .active + #content { margin-left:25%; transition: 0.6s ease; }

#content { margin: 0; } }

Media(min-width:992px) { #main .active + #content { margin-left:16.7%; transition:0.6s ease; } }