@font-face{font-family:"Wremena";
src:url("../font/WremenaRegular.woff") format("woff")}


html{height:100%;
margin:0;
padding:0}


body{margin:0;
font-family:"Wremena";
font-weight:350;
height:90%;
-webkit-font-smoothing:antialiased}


b{font-weight:700}


a{text-decoration:underline;
color:black;
text-underline-offset:3px;
text-decoration-color:#228b22}


a:hover{text-decoration:underline;
color:#228b22;
font-weight: bold;
text-decoration-color:#228b22}


hr{border:0;
height:0;
border-top:1px solid rgba(0,0,0,0.1);
border-bottom:1px solid rgba(255,255,255,0.3)}


#author-name{font-size:25px;
color:#272727;
display:inline-block;
font-weight:700}


.navbar{padding:50px 0 50px 0}


.navbar-ul{font-size:15px;
display:inline-block;
margin:0;
padding:5px 0 5px 0;
margin-left:20px}


.nav-list{list-style-type:none;
margin:0 5px 0 10px}

.nav-list{
	font-size: medium;
}

.alignable,.pull-left,.pull-right{display:inline-block}

.scroll-box {
	overflow: auto;
	padding: 5px;
  }
  

.pull-left{float:left}


.pull-right{float:right}


.container{font-size:16px;
line-height:150%;
max-width:60%;
margin:auto}


.wrapper{min-height:100%}


.button-pdf{background-color:#7b68ee;
border:none;
border-radius:4px;
color:white;
padding:10 10px;
font-family: "Poppins";
text-align:center;
text-decoration:none;
display:inline-block;
font-size:12px;
text-transform: capitalize;
cursor:pointer}

.button-pdfxx{background-color:#7b68ee;
	border:none;
	border-radius:4px;
	color:white;
	padding:10 10px;
	font-family: "Poppins";
	text-align:center;
	text-decoration:none;
	display:inline-block;
	font-size:12px;
	text-transform: capitalize;
	cursor:pointer}
	

.button-preprint{background-color:#F9EBD1;
border:none;
border-radius:5px;
color:black;
padding:10 12px;
text-align:center;
text-decoration:none;
display:inline-block;
font-size:12px}


.button-workshop{background-color:#d1f3f9;
border:none;
border-radius:5px;
color:black;
padding:10 12px;
text-align:center;
text-decoration:none;
display:inline-block;
font-size:12px}




.button-conference{background-color:#D1F9D7;
border:none;
border-radius:5px;
color:black;
padding:10 12px;
text-align:center;
text-decoration:none;
display:inline-block;
font-size:12px}


.button-journal{background-color:#f9d1f3;
border:none;
border-radius:5px;
color:black;
padding:10 12px;
text-align:center;
text-decoration:none;
display:inline-block;
font-size:12px}


.button-demo{background-color:#d1dff9;
border:none;
border-radius:5px;
color:black;
padding:10 12px;
text-align:center;
text-decoration:none;
display:inline-block;
font-size:12px}




@media (max-width: 800px){.container{max-width:600px;
transition:0.3s ease all}

}

@media (min-width: 1200px){
	.scroll-box {
		height: 200px; 
	}
	#navbar {
		width: 15%;
}
.container{
	margin-left: 18.5%;}
}

@media (max-width: 1200px){
	.scroll-box {
		height: 600px; 
	}
	.container{
		max-width:75%;}
}

@media(max-width: 650px){
	.container{max-width:83%}
.navbar-ul{margin-top:5px}
.substack{
	width: 90%;
}
.github-stats{
	width: 90%;
}
.kaggle-stats{
	width: 29%;
}
.scroll-box {
	height: 600px; 
}
}



@media(max-width: 580px){
	#author-name{display:inline-block}
.substack{
	width: 90%;
}
.github-stats{
	width: 90%;
}
.kaggle-stats{
	width: 29%;
}
.content .profile-picture{margin-top:-5px;
	height:180px;
	width:180px;
}
.scroll-box {
	height: 600px; 
}
}


table,th,td{border:none;
background-color:white;
text-align:left;
vertical-align:top;
border-spacing:10px}



.content ol{counter-reset:list;counter-set: reversed;}


.content ol>li{list-style-position:none;
position:relative;
list-style:none;
margin-top:1px;
margin-bottom:1px}


.content ul>li{margin:1px 0 1px 0}


.content ul{padding:0 20px 0 20px}


.content ol{padding:0 30px 0 30px}


.content ol>li:before{content:"[" counter(list,decimal) "] ";
counter-increment:list;
position:absolute;
left:-30px}


.content blockquote{border-left:5px solid #333333;
margin:20px 0 20px 0;
padding:2px 8px 2px 8px;
font-style:italic}


.content .profile-picture{height:200px;
width:200px;
position:relative;
margin:-10px 0 20px 20px;
float:right;
border-radius:50%;
transition: border-color 0.5s ease, transform 0.5s ease;}


p .content .profile-picture{padding:0;
margin:0;
transition: border-color 0.5s ease, transform 0.5s ease;}



@media(max-width: 480px){.content .profile-picture img{margin-top:-5px;
	height:150px;
	width:150px;}
	.content .profile-picture{height:150px;
		width:150px;}
}


.content img[alt=default]{text-align:center;
width:100%}


.company{
	font-weight: bold;
}

.single-paper:hover{
	color: #520252;
	margin: 0%;
	padding: 0%;
}

p{
	margin-top: 2px;
	margin-bottom: 2px;
}


p.single-paper{
	margin-top: 1px;
	margin-bottom: 1px;
}

p.single-paper-f{
	margin-top: 12px;
	margin-bottom: 12px;
}
.single-paper-f:hover{
	color: #520252;
	margin: 0%;
	padding: 0%;
}

	
.block-share h5, .block-single h5{
	font-size: 15px;
	font-weight: 600;
}


.block-share .social li{
	display:inline-block;
	margin-bottom:0;
}












































































/* styles.css */

/* Navbar styling */
#navbar {
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background-color: #f8f8f8;
    padding: 5px;
	padding-left: 15px;
	padding-right: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Hide the navbar by default */
#navbar {
    display: none;
}

/* Show the navbar on larger screens */
@media (min-width: 1200px) {
    #navbar {
        display: block;
    }
}

/* Navbar title styling */
#navbar h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    color: #444;
}

/* Navbar links styling */
#navbar a {
    display: block;
    margin-bottom: 10px;
    color: #333;
    text-decoration: none;
}

#navbar a:hover {
    text-decoration: underline;
}

/* Active section styling */
#navbar a.active {
    font-weight: bold;
    color: #007bff;
}


.hidden-header {
    position: relative;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
}


#wasi-inpub {
	font-weight: bold;
	text-decoration: underline;
}