body {
	font-family: 'Roboto', sans-serif;
	background: #000 url('/Theme/Images/Sources/wallpaper-site-smarseille.png') no-repeat ;
	background-size: cover;
	background-attachment: fixed;
	margin: 0px;
}

html {
	color:white;
	margin: 0px;
}


/* link styling */

a {
	color: inherit;  
	text-decoration: none;
}

/* Styling text, header, paragraphs */
h1 {
	text-shadow:2px 2px 5px black;
	font-size: 32px;
}
p {
	text-shadow:2px 2px 5px black;
	font-size: 13px;
}
.footertxt {
	text-shadow:2px 2px 5px black;
	font-size: 13px;
	line-height: 40px;
}

.center {
	text-align: center;

}
.Twitch-txt {
    margin: 30;
    font-size: 40px;
    line-height: 0;
    margin-top: 100px;
}
.Twitter-txt {
    font-size: 35px;
    line-height: 0;
    margin-top: 250px;
}
.yt-txt {
    font-size: 35px;
    line-height: 0;
    margin-top: 150px;
}

.Twitch-followtxt {
	font-size: 30px;
	text-align: center;
}
/* Colours */

.Blue {
	background:   rgba(137, 207, 240, 0.4) no-repeat ;

}
.White {
	background:   rgba(255, 255, 255, 0.4) no-repeat ;

}
.Pink {
	background:  rgba(244, 194, 194, 0.4) no-repeat ;
}

/* Colours FireFox */

@supports (-moz-appearance:none) {
	
	.Blue {
		background: rgba(137, 207, 240, 0.6) no-repeat ;
	}
	
	.Pink {
		background:  rgba(244, 194, 194, 0.4) no-repeat ;
	}
	.White {
		background: rgba(255, 255, 255, 0.6) no-repeat ;
	}

}

/* Effects */

.Blur {
    filter: none;
    background-image: none;
    background-size: auto;
    background-attachment: fixed;
    backdrop-filter: blur(50px);
}

.Blur-FF {
	display: none;
}

/* Effects FireFox */

@supports (-moz-appearance:none) {
	
    .Blur-FF {
		-webkit-filter: blur(25px);
		overflow: hidden;
		background: inherit;
		position: absolute;
		z-index: -1;
		display: block;
	}

}

/* Main body */

.SizeA {
	width: 100%;
	height: 200px;
}

.SizeB {
	width: 100%;
	height: 340px;

}
.youtubeframe {
	width: 100%;
	height: 285px;

}
.Footer {
	width: 100%;
	height: 40px;
}
#twitter-widget-0 {
position: static;
 visibility: visible;
 display: inline-block;
 width: 400px;
 height: 360px;
 padding: 0px;
 border: none;
 max-width: 100%;
 min-width: 180px;
 margin:10px;
 min-height: 200px;
	border: 2px solid #89cff0;
	border-radius: 15px;

}
.twitter-main {
	width: 100%;
	height: 380px;
}



.emptyspace {
	width: 100%;
	height: 150px;
}
.ytframe {
        border: 2px solid #f4c2c6;
        border-radius: 15px;

}
.twitter-timeline {
	float: right;
	border: 2px solid #89cff0;
	border-radius: 15px;
}
.Smallbar {
	width: 100%;
	height: 50px;
}

.textmargin {
	margin-left: calc(50% - 500px);
	margin-right: calc(50% - 500px);
	padding-top: 20px;
}
.footermargin {
	margin-left: calc(50% - 500px);
	margin-right: calc(50% - 500px);
	margin-top: 10px;
	margin-bottom: 10px;
}

.spacer {
	width: 100%; 
	height: 200px;
}
.smallspacer {
	width: 100%; 
	height: 100px;
}
.left {
    float: left;
    width: 450px;
    height: 380px;
    padding: 30px;
}
.right {
    float: right;
    width: 450px;
    height: 380px;
    padding: 30px;
}

.rightyt {
    float: right;
    width: 445px;
    height: 200px;
    padding: 30px;
}


.about-picture {
        background: url('/Theme/Images/Avatars/me-bird.png') center no-repeat;
        background-size: contain;
	height: 280px;
	width: 280px;
	float: left;
	margin: 10px;
	border-radius: 15px;
}

.subject-twitch {
        width: 100%;
        height: 370px;

}

.twitch-embed {
    height: 340px;
    width: 450px;
    border-radius: 10px;
	border: 2px solid white;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
.background-twitch {
	height: 370px;
	width: 1000px;

        margin-left: calc(50% - 500px);
        margin-right: calc(50% - 500px);

	background: url('/Theme/Images/Sources/site_streambg.png') center no-repeat;
	background-size: cover;
	float: left;

}

.background-yt {
	height: 285px;
	width: 1000px;

        margin-left: calc(50% - 500px);
        margin-right: calc(50% - 500px);

	background: url('/Theme/Images/Sources/site_ytbg.png') center no-repeat;
	background-size: cover;
	float: left;
}

.background-twitter {
	padding: 10px;
	height: 360px;
	width: 980px;
        margin-left: calc(50% - 500px);
        margin-right: calc(50% - 500px);

	background: url('/Theme/Images/Sources/site_tweetbg.png') center no-repeat;
	twitterbackground-size: cover;
	float: left;

}
.empty {
	width: 100%;
	height: 50px;
}
/* Main header */

.avaimg {
	height: 100px;
	width: 100px;
	background: url('/Theme/Images/Avatars/avatar.png') center no-repeat;
	background-size: cover;
	border-radius: 50px;
	float: left;
}
.avatarholder {
	height: 100px;
}
.username {
	font-family: 'Dela Gothic One', cursive;
	font-size: 30px;
	line-height: 100px;
	padding-left: 120px;
	color: white;
}

/* Icons OLD */

.twitter1 {
	background: url('images/icons/twitter.png') center no-repeat;
	background-size: contain;
}
.twitch1 {
	background: url('images/icons/twitchtv.png') center no-repeat;
	background-size: contain;
}
.youtube1 {
	background: url('images/icons/youtube.png') center no-repeat;
	background-size: contain;
}
.discord1 {
	background: url('images/icons/discord.png') center no-repeat;
	background-size: contain;
}

/* Icons NEW */

.icon {
	--icon_size: 32px;

	float: left;
	width: var(--icon_size);
	height: var(--icon_size);
	background-size: contain;
	margin-top: 20px;
	margin-right: 5px;
}

.fab, .fa {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	font-size: calc(var(--icon_size) * 0.5);
}

.circle {
	border-radius: 50%;
	display: inline-block;
}

.square {
	border-radius: 10%;
	display: inline-block;
}

/* Icons Styling */

.twitch {
	background-color: #632e9f;
	color: #fff;
}

.twitter {
	background-color: #45b0e3;
	color: #fff;
}

.discord {
	background-color: #395ee2;
	color: #fff;
}

.youtube {
	background-color: #d32323;
	color: #fff;
}

/* Icons Custom Size */

.discord .fa, .discord .fab {
	font-size: calc(var(--icon_size) * 0.6) !important;
}

/* End */

.clear {
	clear: both;
}