/* bakbak-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bakbak One';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/bakbak-one-v9-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* baloo-bhai-2-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Baloo Bhai 2';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/baloo-bhai-2-v28-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body {
   background-image: url(Talktistic_Background.png) ;
background-size: cover;
background-attachment: fixed;
    background-color: rgb(0, 219, 255);
    padding: 0 20px  20px 20px;
  margin: 0;
}



.nav{
	
display: flex;
	justify-content: space-between;
	
		
	}

	.nav li{
		
     padding-right:  1em;
		display: flex;
	
	}

	.nav li a {
		text-decoration: none;
		margin: 12px 5px 12px 5px;
		padding: 4px;
	display: flex;
		border: 3px rgb(255,196,79) solid;
		background-color: rgb(255,196,79);
		border-radius: 6px;
		
	}
	
	.nav li a:hover{
		border-color: orange;
		background-color: orange;
		color: white;
	}


	
	

      
h1, h2, h3{
  font-family: 'Bakbak One';
    color: deeppink;
	padding-left: 16em;
	font-size: large;
}





{ color:252,112,79;
	color:255,196,79;
	color:95, 187,231;
	color:116,77,186;
	color:248, 31, 118;
}

p{
color: rgb(248, 31, 118) ;
}

a, p{
	font-family: 'Baloo Bhai 2';
	padding-left: 5em;	
	font-size: 1.5em
}

.note{
    color: black;
    border-color: rgb(248, 31, 118);
    background-color: rgb(95, 187,231);
border-radius: 50px 50px 50px 50px;
}


#logo{
   
    font-size: 3em;
    text-align: center;
    margin-bottom: 30px;
    background-color: rgb(255,196,79);
	background-image: url();
    border-radius: 0 0 800px 800px;
	padding: 10px;
margin-top: 0;
	border:solid .3em;
}

img{
	display: flex;
	justify-content: flex-end;
	border: solid;
border-color: orangered;
	align-content: center;
}
	

.p note{
	display:flex;
	align-content: flex-start;
}

.input{
		display: flex;
	justify-content: flex-start;
}

h2{
	font-size: 2em;
}