/* Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,600,700display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700display=swap');
/* libs */
@import url('https://cdn.jsdelivr.net/npm/venobox@2.1.8/dist/venobox.min.css');
@import url('fonts.css');
/* preloader */
#preloader {top: 0; right: 0;bottom: 0;width: 100%;height: 100%;left: 0;position: fixed;z-index: 1999;}
#preloader > svg {margin: auto;display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
/* custom */
.liner {display: flex;align-items: flex-start;text-align: left}
.liner:after {content: "";flex-grow: 1;height: 1px;background:rgba(173,181,189,.5);min-width: 1em;margin: auto}
.liner:after {margin-left: 1em;}
button, a.btn{font-weight: bold !important;}
/*back to top*/
.backtop {width: 2.5rem;height: 2.5rem;padding: .5rem;margin: 0;position: fixed;bottom: 1.5rem;right: 1.5rem;z-index: 99}
.backtop i {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
/*list*/
#experience ul{ list-style-type: "+ "}
/* scrollbar */
*::-webkit-scrollbar {width: 5px;width: 5px;} /*chrome, edge and safari*/
*::-webkit-scrollbar-track{background-color:transparent;border-radius: 1em;}
*::-webkit-scrollbar-track:hover {background-color:#eee;opacity: 0.3}
*::-webkit-scrollbar-track:active {background-color:#eee;opacity: 0.3}
*::-webkit-scrollbar-thumb {background-color:grey; border-radius: 1em}u
*::-webkit-scrollbar-thumb:hover {background-color: rgb(36, 56, 118)}
*::-webkit-scrollbar-thumb:active {background-color: grey}
/* media querys */
@media screen and (max-width: 640px) {.list-dropdown .menu {top: 0% !important}#hero h1{font-size: 2.25rem;}}
@media screen and (min-width: 768px) {}
@media screen and (min-width: 1024px) {}
@media screen and (min-width: 1280px) {}