.head
{
		width:100%;
		height:70px;
		background-color:;
		display:flex;
		position:fixed;
		top:;
}
.spotify
{
		width:4%;
		height:30px;
		background-color:;
		margin-top:0.4%;
		margin-left:1%;
}
.spotifyicon
{
		font-size:50px;
		color:white;
		padding-top:0%;
}
.home
{
		width:50px;
		height:50px;
		margin-left:1%;
		background-color:#1F1F1F;
		margin-top:0.5%;
		border-radius:25px;
}
.hicon
{
		font-size:30px;
		text-align:;
		margin-top:0%;
		padding-left:16%;
		margin-bottom:0%;
		color:white;
		
}
.p{
		margin-top:15%;
		margin-bottom:0%;
		
}
.home:hover
{
		background-color:#353535;
}
.search
{
		width:38%;
		height:45px;
		background-color:#1F1F1F;
		margin-top:0.90%;
		margin-left:1%;
		border-radius:25px;
		display:flex;
}
.sicon
{
		font-size:25px;
		color:#adb5bd;
	
}
.sicon:hover
{
		color:white;
}
.sicon2
{
		margin-top:2%;
		margin-bottom:0%;
		margin-left:2%;
		margin-right:0%;
}
.searchtext
{
		font-size:17px;
		color:#adb5bd;
		margin-top:3%;
		margin-left:1%;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		margin-right:0%;
		
}
.div
{
		width:0.2%;
		height:25px;
		background-color:#adb5bd;
		margin-left:38%;
		margin-top:2%;
}
.arcive
{
		font-size:25px;
		margin-left:2%;
		color:#adb5bd;
}
.red
{
		margin-top:2%;
		margin-bottom:0%;
		margin-left:1%;
}
.search:hover
{
		border:0px solid #353535;
		background-color:#353535;	
}
.explore
{
		width:15%;
		height:33px;
		background-color:pin;
		margin-top:1.5%;
		margin-left:2%;
		border-radius:18px;
		
}
.premium
{
		width:17%;
		height:30px;
		background-color:pin;
		margin-top:1%;
		margin-left:2%;
		font-size:16px;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		padding-top:0.9%;
		color:#B3B3B3;
		font-weight:bold;
}
.div1
{
		width:1px;
		height:30px;
		background-color:white;
		margin-left:6%;
		margin-top:1.5%;
	
}
.install
{
		width:7%;
		height:30px;
		margin-top:1.5%;
		margin-left:2%;
		background-color:;
		display:flex;
		
}
.insicon
{
		font-size:20px;
		margin-top:;
		color:#B3B3B3
}
.picon
{
		margin-top:2%;
		margin-bottom:0%;
}
.insicon:hover
{
		color:white;
}
.app
{
		font-size:15px;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		color:#B3B3B3;
		margin-top:3.5%;
		margin-left:3%;
}
.app:hover
{
		color:white;
}
.install:hover
{
		background-color:black;
}
.sign
{
		font-size:15px;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		color:#B3B3B3;
		margin-left:2%;
		margin-top:1.78%;
}
.sign:hover
{
		color:white;
}
.log
{
		width:9%;
		height:49px;
		background-color:white;
		margin-top:0.90%;
		margin-left:1%;
		border-radius:30px;
		position:relative;
}
.logtext
{
		font-size:18px;
		margin-top:10%;
		margin-bottom:0%;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		font-weight:bold;
		position:absolute;
		margin-left:27%;
		
}
.log:hover
{
		background-color:#e5e5e5;
}
.sidebar
{
		width:30%;
		height:500px;
		display:;
		background-color:#1F1F1F;
		margin-top:5.2%;
		margin-left:%;
		flex-direction:row;
		border-radius:10px;
		flex-shrink:0;
		z-index:1;
		position:;
}
.lab
{
		width:100%;
		height:80px;
		background-color:pin;
		display:flex;
}
.labrary
{
		width:100%;
		height:40px;
		margin-top:6%;
		display:flex;
		background-color:brow;
}
.labrary-text
{
		margin-left:5%;
		margin-top:2%;
		font-size:20px;
		font-weight:bold;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		color:#FFFFFF;
}
.large
{
		width:30%;
		height:35px;
		background-color:#333533;
		border-radius:20px;
		margin-top:1%;
		margin-left:30%;
		padding-bottom:0%;
		display:flex;
}
.addp
{
		font-size:20px;
		margin-top:3%;
		margin-left:10%;
		margin-bottom:0%;
		color:#bfc0c0;
}
.createtext
{
		
		margin-top:3%;
		margin-bottom:0%;
		margin-left:5%;
		font-size:20px;
		font-weight:bold;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		color:#FFFFFF;
}
.addicon
{	
		font-size:20px;
		font-weight:bold;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
}
.overflow
{
		width:100%;
		height:245px;
		background-color:;
		display:;
		overflow-y:scroll;
		position:sticky;
		
		
}
.overdive1
{
		width:95%;
		height:150px;
		background-color:#333533;
		margin-left:2%;
		margin-top:3%;
		border-radius:10px;
		margin-bottom:0%;
		
		
		
}
.create1
{	
		font-size:18px;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		color:#FFFFFF;
		font-weight:bold;
		margin-left:5%;
		margin-bottom:0%;
		padding-top:7%;
		padding-bottom:0%;
		
}
.easytext
{
		font-size:15px;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		color:#d6d6d6;
		font-weight:bold;
		margin-left:5%;
		margin-top:1%;
}
.playlist
{
		width:45%;
		height:35px;
		background-color:#FFFFFF;
		border-radius:20px;
		margin-left:8%;
		
}
.create-play
{
		font-size:18;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		color:#000000;
		font-weight:bold;
		padding-top:4%;
		text-align:center;
}
.playlist:hover
{
		background-color:#e5e5e5;
}
.overdive2
{
		width:95%;
		height:150px;
		background-color:#333533;
		margin-left:2%;
		margin-top:%;
		border-radius:10px;
		margin-bottom:6%;
}
.legaldiv
{
		width:100%;
		height:200px;
		background-color:;
		display:;
}
.align1
{
		width:100%;
		height:25px;
		background-color:#;
		display:flex;
		padding-top:7%;
}
.legaltext
{
		font-size:14px;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		color:#B3B3B3;
		margin-left:5%;
		padding-top:1%;
}
.legaltext:hover
{
		color:#FFFFFF;
}
.safetytext
{
		font-size:14px;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		color:#B3B3B3;
		margin-left:3%;
		padding-top:1%;
}
.safetytext:hover
{
		color:#FFFFFF;
}
.privecytext
{
		font-size:14px;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		color:#B3B3B3;
		margin-left:3%;
		padding-top:1%;
}
.privecytext:hover
{
		color:#FFFFFF;
}
.cokitext
{
		font-size:14px;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		color:#B3B3B3;
		margin-left:3%;
		padding-top:1%;	
}
.cokitext:hover
{
		color:#FFFFFF;
}
.align2
{
		width:100%;
		height:25px;
		background-color:#;
		display:flex;
		margin-top:3%;
}
.cookietext
{
		font-size:15px;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		color:#FFFFFF;
		margin-left:5%;
		margin-top:2%;
		margin-bottom:0%;
		
}
.global
{
		width:37%;
		height:35px;
		background-color:;
		border-radius:20px;
		margin-left:5%;
		margin-top:3%;
		border:0.1px solid white;
}
.globalicon
{
		font-size:25px;
		padding-left:18%;
		margin-bottom:0%;
		color:#FFFFFF;
		
		
}
.pglobal
{
		margin-top:0%;
		padding-top:3%;
		margin-bottom:0%;
		margin-left:0%;
		margin-right:0%;
		
		
}
.english
{
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;	
		color:;
		margin-top:-15%;
		margin-left:38%;
		font-weight:bold;
		color:#FFFFFF;
}
.global:hover
{
		border:2px solid white
}
.display
{
		display:flex;
		padding:0.5%;
		z-index:1;
}
.mainbar
{
		width:69.60%;
		height:500px;
		background-color:#1F1F1F;
		margin-left:0.5%;
		margin-top:5.2%;
		border-radius:10px;
		overflow-y:scroll;
		scrollbar-color: #B3B3B3 #f1f1f1;
		scrollbar-width: none;
		-ms-overflow-style: none;
		position:relative;
		
		
}
.trending
{
		width:100%;
		height:70px;
		background-color:gra;
		display:flex;
		flex-shrink:0;
		position:sticky;
}
.trendingtext
{
		font-size:30px;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		font-weight:bold;
		margin-top:2%;
		margin-left:2%;
		color:#FFFFFF;
		
}
.show
{
		font-size:18px;
		font-weight:bold;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		margin-top:3%;
		margin-left:62%;
		color:#B3B3B3;
}
.overflow2
{
		height:278px;
		width:99%;
		background-color:skyblu;
		color:;
		overflow-x: auto;      
		overflow-y: hidden;
		display:flex;
		padding-bottom:;
		scrollbar-color: #B3B3B3 #f1f1f1;
		scrollbar-width: none;
		-ms-overflow-style: none;
		margin-top:1%;
	
		
}
.kalyani-div
{
		width:23%;
		height:260px;
		background-color:pin;
		margin-left:2%;
		margin-top:1%;
		border-radius:5px;
		flex-shrink:0;
		
		
}
.kalyani-image-div
{
		width:90%;
		height:157px;
		margin:auto;
		background-color:;
		border-radius:5px;
		flex-shrink:0;
		box-shadow:0px 0px 15px black;
		position:relative;
}
.kalyani-image
{
		width:194px;
		height:157px;
		object-fit:cover;
		border-radius:5px;
		flex-shrink:0;
}
.play-button
{
		position:absolute;
		width:46px;
		height:46px;
		border-radius:25px;
		top:66%;
		left:70%;
		background-color:green;
		color:black;
		font-size:25px;
		display:none;
		
}
.kalyani-div:hover .play-button
{
		  display: flex; 
		  background: #1ed760;
}
.playicon
{
		text-align:center;
		margin-top:14%;
		margin-left:22%;
		font-size:27px;
		padding-top:0%;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		padding-bottom:0%;
		display:;
		
}

.kalyani-text
{
		margin-top:0%;
		font-size:17px;
		padding-top:3%;
		padding-left:5%;
		font-weight:bold;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		color:#FFFFFF;
		margin-bottom:0%;
		padding-bottom:0%;
}
.kalyani-text2
{
		margin-top:0%;
		font-size:17px;
		padding-top:0%;
		padding-left:5%;
		font-weight:bold;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		color:#FFFFFF;
		margin-bottom:0%;
}
.singer1
{
		font-size:14px;
		color:#B3B3B3;
		font-weight:;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		margin-top:1.5%;
		padding-left:5%;
}
.singer2
{
		font-size:14px;
		color:#B3B3B3;
		font-weight:;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		margin-top:-6%;
		padding-left:5%;
}
.kalyani-div:hover
{
		background-color:#333533;
}
.ve-junnun-div
{
		width:23%;
		height:260px;
		background-color:pin;
		margin-left:1%;
		margin-top:1%;
		border-radius:5px;
		flex-shrink:0;
}
.ve-junnun-div:hover
{
		background-color:#333533;
}
.ve-junnun-div:hover .play-button
{
		display: flex; 
		background: #1ed760;
}
.zigane-div
{
		width:23%;
		height:240px;
		background-color:pin;
		margin-left:1%;
		margin-top:1%;
		border-radius:5px;
		flex-shrink:0;
}
.zigane-div:hover
{
		background-color:#333533;
}
.zigane-div:hover .play-button
{
		display: flex; 
		background: #1ed760;
}
.arz-div
{
		width:23%;
		height:240px;
		background-color:pin;
		margin-left:1%;
		margin-top:1%;
		border-radius:5px;
		flex-shrink:0;
}
.arz-div:hover
{
		background-color:#333533;
}
.arz-div:hover .play-button
{
		display: flex; 
		background: #1ed760;
}
.udi-div
{
		width:23%;
		height:230px;
		background-color:pin;
		margin-left:1%;
		margin-top:1%;
		border-radius:5px;
		flex-shrink:0;
}
.udi-div:hover
{
		background-color:#333533;
}
.udi-div:hover .play-button
{
		display: flex; 
		background: #1ed760;
}
.singer3
{
		font-size:14px;
		color:#B3B3B3;
		font-weight:;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		margin-top:2%;
		padding-left:5%;
}
.aarzu-div
{
		width:23%;
		height:260px;
		background-color:pin;
		margin-left:1%;
		margin-top:1%;
		border-radius:5px;
		flex-shrink:0;
}
.aarzu-div:hover
{
		background-color:#333533;
}
.aarzu-div:hover .play-button
{
		display: flex; 
		background: #1ed760;
}
.popular-artist
{
		width:100%;
		height:70px;
		background-color:gra;
		display:flex;
		flex-shrink:0;
		margin-top:1%;
}
.artist
{
		font-size:30px;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		font-weight:bold;
		padding-top:%;
		margin-left:2%;
		color:#FFFFFF;
}
.overflow3
{
		height:270px;
		width:99%;
		background-color:skyblu;
		color:;
		overflow-x: auto;      
		overflow-y: hidden;
		display:flex;
		padding-bottom:;
		scrollbar-color: #B3B3B3 #f1f1f1;
		scrollbar-width: none;
		-ms-overflow-style: none;
		margin-top:%;
		margin-bottom:5%;
		padding-right:1%;
		
}
.artist-name-div
{
		width:23%;
		height:255px;
		background-color:pin;
		flex-shrink:0;
		margin-left:2%;
		margin-top:1%;
		border-radius:5px;
		padding-bottom:0.5%;
}
.artist-image-div
{
		width:185px;
		height:185px;
		border-radius:98px;
		background-color:gra;
		margin:auto;
		flex-shrink:0;
		margin-top:5%;
		position:relative;
}
.artist-image
{
		width:185px;
		height:185px;
		border-radius:98px;
		background-color:gra;
		flex-shrink:0;
		object-fit:cover;
		
}
.artist-name-div:hover .play-button
{
		display: flex; 
		background: #1ed760;
}
.artist-text
{
		font-size:19px;
		color:#FFFFFF;
		font-weight:;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		margin-top:0%;
		padding-left:4%;
		margin-left:2%;
		margin-bottom:0%;
}
.artist-name
{
		font-size:17px;
		color:#B3B3B3;
		font-weight:;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		margin-top:1%;
		padding-left:4%;
		margin-left:3%;
}
.artist-name-div:hover
{
		background-color:#333533;
}
.artist-name-div2
{
		width:23%;
		height:250px;
		background-color:pin;
		flex-shrink:0;
		margin-left:1%;
		margin-top:1%;
		border-radius:5px;
		padding-bottom:0.5%;
}
.artist-name-div2:hover
{
		background-color:#333533;
}
.artist-name-div2:hover .play-button
{
		display: flex; 
		background: #1ed760;
}
.artist-name-div3
{
		width:22%;
		height:250px;
		background-color:pin;
		flex-shrink:0;
		margin-left:1%;
		margin-top:1%;
		border-radius:5px;
		
}
.artist-name-div3:hover
{
		background-color:#333533;
}
.overflow4
{
		height:278px;
		width:99%;
		background-color:skyblu;
		color:;
		overflow-x: auto;      
		overflow-y: hidden;
		display:flex;
		padding-bottom:1%;
		scrollbar-color: #B3B3B3 #f1f1f1;
		scrollbar-width: none;
		-ms-overflow-style: none;
		margin-top:1%;
}
.show1
{
		font-size:18px;
		font-weight:bold;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		margin-top:3%;
		margin-left:44%;
		color:#B3B3B3;
}
.ashiqui-div
{
		width:23%;
		height:240px;
		background-color:pin;
		margin-left:2%;
		margin-top:1%;
		border-radius:5px;
		flex-shrink:0;
}
.ashiqui-div:hover
{
		background-color:#333533;
}
.ashiqui-div:hover .play-button
{
		display: flex; 
		background: #1ed760;
}
.fine-div
{
		width:23%;
		height:220px;
		background-color:pin;
		margin-left:2%;
		margin-top:1%;
		border-radius:5px;
		flex-shrink:0;
}
.fine-div:hover
{
		background-color:#333533;
}
.fine-div:hover .play-button
{
		display: flex; 
		background: #1ed760;
}
.overflow5
{
		height:278px;
		width:99%;
		background-color:skyblu;
		color:;
		overflow-x: auto;      
		overflow-y: hidden;
		display:flex;
		padding-bottom:1%;
		scrollbar-color: #B3B3B3 #f1f1f1;
		scrollbar-width: none;
		-ms-overflow-style: none;
		margin-top:1%;
		padding-right:1%;
}
.show2
{
		font-size:18px;
		font-weight:bold;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		margin-top:3%;
		margin-left:65%;
		color:#B3B3B3;
}
.radio-div
{
		width:22%;
		height:240px;
		margin-left:2%;
		background-color:brow;
		margin-top:1%;
		border-radius:10px;
		flex-shrink:0;
}
.radio-image-div
{
		width:90%;
		height:170px;
		border-radius:10px;
		background-color:pink;
		margin:auto;
		flex-shrink:0;
		box-shadow:0px 0px 15px black;
		position:relative;
	
}
.radio-image
{
		width:182px;
		height:170px;
		border-radius:10px;
		object-fit:cover;
		flex-shrink:0;
		box-shadow:0px 0px 20px black;
		position:absolute;
}
.radio-text1
{
		font-size:16px;
		color:#B3B3B3;
		font-weight:;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		margin-top:6%;
		padding-left:5.5%;
		margin-bottom:0%;
}
.radio-text2
{
		font-size:16px;
		color:#B3B3B3;
		font-weight:;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		margin-top:2%;
		padding-left:5.5%;
}
.radio-div:hover
{
		background-color:#333533;
}
.radio-div:hover .play-button
{
		display: flex; 
		background: #1ed760;
}
.radio-div2
{
		width:22%;
		height:240px;
		margin-left:1%;
		background-color:brow;
		margin-top:1%;
		border-radius:10px;
		flex-shrink:0;
}
.radio-div2:hover
{
		background-color:#333533;
}
.radio-div2:hover .play-button
{
		display: flex; 
		background: #1ed760;
}
.overflow6
{
		height:290px;
		width:99%;
		background-color:skyblu;
		color:;
		display:flex;
		padding-bottom:1%;
		margin-top:1%;
}
	
.top-image-div
{
		width:90%;
		height:160px;
		border-radius:10px;
		background-color:;
		margin:auto;
		flex-shrink:0;
		margin-top:5%;
		position:relative;
}
.top-image
{
		width:182px;
		height:160px;
		border-radius:10px;
		object-fit:cover;
		flex-shrink:0;
		position:absolute;
		
}
.hr
{
		margin-left:2%;
		margin-right:2%;
		padding-top:0%;
}
.footer
{
		width:100%;
		height:300px;
		background-color:;
		display:flex;
}
.compony
{
		width:15%;
		height:260px;
		background-color:gra;
		margin-top:2%;
		margin-left:3%;
}
.compony-text
{
		margin-top:0%;
		font-size:18px;
		font-weight:bold;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		padding-left:%;
		color:#FFFFFF;
		margin-bottom:0%;
}
.about
{
		font-size:17px;
		font-weight:bold;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		color:#B3B3B3;
		margin-top:3%;
		margin-bottom:0%;
}
.job
{
		font-size:17px;
		font-weight:bold;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		color:#B3B3B3;
		margin-top:4%;
		margin-bottom:0%;
}
.icons
{
		width:50px;
		height:50px;
		background-color:#1F1F1F;
		margin-left:3%;
		margin-top:5%;
		border-radius:25px;
}
.instagram
{
		margin-top:0%;
}
.pinsta
{
		margin-top:15%;
		margin-bottom:0%;
		margin-left:3%;
}
.instaicon
{
		font-size:30px;
		text-align:;
		margin-top:0%;
		padding-left:16%;
		margin-bottom:0%;
		color:white;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
}
.icons:hover
{
		background-color:#B3B3B3;
}
.icons2
{
		width:50px;
		height:50px;
		background-color:#1F1F1F;
		margin-left:2%;
		margin-top:5%;
		border-radius:25px;
}
.icons2:hover
{
		background-color:#B3B3B3;	
}
.copy
{
		width:20%;
		height:100px;
		background-color:pin;
		display:flex;
		margin-left:78%;
}
.copyicon
{
		font-size:20px;
		padding-top:10%;
		margin-left:5%;
		color:#B3B3B3;
}
.copytext
{
		font-size:20px;
		color:#B3B3B3;
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		padding-top:9%;
}