@charset "utf-8";
/* CSS Document */

/* CSS header */
@import url('https://fonts.googleapis.com/css2?family=Almendra+SC&display=swap');
.almendra-sc-regular {
  font-family: "Almendra SC", serif;
  font-weight: 400;
  font-style: normal;
}



/* CSS header */


.logo-thewolf{
	border-radius: 30px 50px;
}


/* header */

.header-text{
	height: auto;
	background-color: white;
	padding: 8px;
}
.header-text h1{
	text-align: center;
	color: black;
	font-family: "Almendra SC", serif;
  font-weight: 400;
  font-style: normal;
	font-size: 45px;
}
.header-top-color{
	background-color: #1a1a1a;
	height: auto;
}
.header-top-color-xbox{
	height: 65px;
	width: 39%;
	background-color: red;
	border-top-right-radius: 80px;
}

.header-bottom-color{
	background-color: #1a1a1a;
	height: 65px;
}
.header-bottom-color-xbox{
	height: 65px;
	width: 39%;
	float: right;
	background-color: red;
	border-top-left-radius: 80px;
}

/* header */


/* margin */
.margin-fx{
	background-color: transparent;
	height: 65px;
}
/* margin */



/* social media */
.social-section{
	height: auto;
	background-color: black;
	border: 2px solid red;
	border-top-color: transparent;
	border-bottom-color: transparent;
	
}

.social-media-flow{
	
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center
}

.social-media-card{
	margin: 1px;
	width: 192px;
	height: auto;
	padding: 8px;
	background: #2A7B9B;
background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(15, 13, 13, 1) 0%, rgba(61, 58, 58, 1) 100%);
}
.social-media-card a{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	
}
.social-media-card:hover{
	box-shadow:  5px 5px 25px #ff1a1a;
	border-radius: 8px;
	
	
	
}
.social-media-card p{
	text-align: center;
	color: white;
	margin-left: -15px;
	border: 2px solid #ff3333;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	margin-right: 12px;
}
.social-media-header-1 h4{
	margin: 5px;
	width: 150px;
	height: auto;
	text-align: left;
}
.social-media-header-2 h4{
	margin: 5px;
	width: 150px;
	height: auto;
	text-align: right;
}
/* social media */
/* social media */


/* sobre mim section */
/* sobre mim section */
.sobre-mim-the-wolf-section{
	background-image: url("banner-sobre-mim.png");
	height: auto;
	background-position: center;
	background-size: cover;
}
.sobre-mim-the-wolf-section-header{
	width: 40%;
	height: auto;
	padding: 8px;
	background-color: #1a1a1a;
	border: 2px solid red;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-right-radius: 60px;
}
.sobre-mim-the-wolf-section-header h1{
	text-align: center;
	color: white;
	font-size: 32px;
}
.sobre-mim-the-wolf-section-description{
	width: 40%;
	height: auto;
	padding: 8px;
}
.sobre-mim-the-wolf-section-description p{
	text-align: center;
	color: white;
	background-color: black;
	padding: 10px;
	border-radius: 10px 50px;
	border: 1px solid red;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}
.sobre-mim-the-wolf-section-description-p{
	padding: 10px;
}
.sobre-mim-the-wolf-section-button-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.sobre-mim-the-wolf-section-button{
	width: auto;
	height: auto;
	padding: 8px;
	border-radius: 15px 30px;
	background-color: black;
	margin-bottom: 8px;
	border: 2px solid red;
	border-top-color: transparent;
	border-bottom-color: transparent;
	margin: 5px;
		
}
.sobre-mim-the-wolf-section-button a{
	background-color: #262626;
	padding: 5px;
	color: white;
	border-radius: 15px 30px;
}
.sobre-mim-the-wolf-section-button a:hover{
	box-shadow:5px 5px 25px #e60000; ;
}
.sobre-mim-the-wolf-section-img-cards{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.sobre-mim-the-wolf-section-img-card-style{
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
	width: 320px;
	height: 320px;
	padding: 8px;
	margin: 5px;
	 transform: rotateX(10deg) rotateY(-18deg) rotateZ(3deg);
  border-radius: 0.375em;
   transition: .3s;
}
.sobre-mim-the-wolf-section-img-card-style:hover{
	transform: rotate(0);
}
.sobre-mim-the-wolf-section-img-card-background-1{
	background-image: url("../sobre-mim/image-26.jpg");
	background-position: center;
	background-size: cover;
	height: 100%;
	width: 100%;
		
}
.sobre-mim-the-wolf-section-img-card-background-2{
	background-image: url( "../sobre-mim/image-27.jpg");
	background-position: center;
	background-size: cover;
	height: 100%;
	width: 100%;
		
}
/* sobre mim section */
/* sobre mim section */




/* descriptions */
.descriptions-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center
	
}
.descriptions-card{
 width: 100%;
	height: 490px;
	padding: 10px;
	background-color: white;
	border: 5px solid #996633;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	margin: 5px;
}
.descriptions-card h1{
	text-align: center;
	color: white;
	font-size: 20px;
	background-color: #1a0000;
	padding: 8px;
	margin-bottom: 15px;
}
.descriptions-card p{
	text-align: center;
	color: black;
	border: 1px solid #996633;
	border-top-color: transparent;
	border-bottom-color: transparent;
	padding: 5px;
	margin-bottom: 12px;
}
.descriptions-card-00{
	width: 100%;
	height: 490px;
	background-color: white;
	padding: 10px;
	border: 5px solid #996633;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	margin: 5px;
}
.descriptions-card-00 h1{
	text-align: center;
	color: white;
	font-size: 20px;
	padding: 8px;
	background-color: #1a0000;
	margin-bottom: 15px;
	
}
.descriptions-card-00 p{
	text-align: center;
	color: black;
	border: 1px solid #996633;
	border-top-color: transparent;
	border-bottom-color: transparent;
	padding: 5px;
	margin-bottom: 12px;
}
/* descriptions */






/* serviços */
/* nav bar links serviços */
.navbar-services-linked{
	height: auto;
	padding: 5px;
	background-color: black;
}
.navbar-services-linked-header{
	height: auto;
	background-color: black;
}
.navbar-services-linked-xbox h3{
	text-align: center;
	color: white;
	
	
}
.navbar-services-linked-xbox{
	height: 65px;
	width: 45%;
	border-bottom-right-radius: 80px;
	background-color: red;
}
.navbar-services-linked-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	margin-top: 15px;
	
}
.navbar-services-linked-card{
	width: 100%;
	height: auto;
	padding: 8px;
	background-color:whitesmoke;
	margin: 1px;
	border: 2px solid #ff6666;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	text-align: center;
}
.navbar-services-linked-card a {
	color: black;
}
.navbar-services-linked-card p{
	text-align: center;
	color: black;
}
.mark-free{
	background-color: #66cc99;
	border-radius: 15px 25px;
}
/* nav bar links serviços */

.services-header{
	background-color:#1a1a1a;
	padding: 8px;
}
.services-header h2{
	text-align: center;
	color: white;
}
.services-cards-section-style{
	background-color: white;
	padding: 9px;
	height: auto;
}
.services-cards-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center
}
.services-card{
	border: 1px solid black;
	width: 100%;
	height: 390px;
	background-color: whitesmoke;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	margin: 5px;
}
.services-card p{
	box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
	height: auto;
	padding: 8px;
	text-align: center;
	color: black;
}
.services-card-img{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center
}
.services-card h1{
	text-align: center;
	color: black;
	font-size: 25px;
}
.services-header-tag{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center
}
.services-header-tag-tt{
	width: 190px;
	height: auto;
}
.services-header-tag-tt p{
	text-align: right;
	color: white;
}
/* serviços icons */
.fa-leaf {
	font-size: 38px;
	background-color: #1a1a1a;
	border-radius: 30px;
	color: white;
	padding: 10px;
	text-shadow: 1px 1px 1px white;
}
.fa-picture-o{
	font-size: 38px;
	background-color: #1a1a1a;
	border-radius: 30px;
	color: white;
	padding: 10px;
	text-shadow: 1px 1px 1px white;
}
.fa-magic{
	font-size: 38px;
	background-color: #1a1a1a;
	border-radius: 30px;
	color: white;
	padding: 10px;
	text-shadow: 1px 1px 1px white;
}
.fa-laptop{
	font-size: 38px;
	background-color: #1a1a1a;
	border-radius: 30px;
	color: white;
	padding: 10px;
	text-shadow: 1px 1px 1px white;
}
.fa-shield{
	font-size: 38px;
	background-color: #1a1a1a;
	border-radius: 30px;
	color: white;
	padding: 10px;
	text-shadow: 1px 1px 1px white;
}
.fa-film{
	font-size: 38px;
	background-color: #1a1a1a;
	border-radius: 30px;
	color: white;
	padding: 10px;
	text-shadow: 1px 1px 1px white;
}
.fa-video-camera{
	font-size: 38px;
	background-color: #1a1a1a;
	border-radius: 30px;
	color: white;
	padding: 10px;
	text-shadow: 1px 1px 1px white;
}
/* serviços */


/* dia e hora */
.dia-e-hora{
	height: auto;
	background-color: white;
	border: 2px solid red;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	
}
.dia-e-hora-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center
}
.dia-e-hora-card{
	width: 100%;
	height: auto;
	padding: 8px;
	margin: 5px;
}
.dia-e-hora-card h4{
	text-align: center;
	color: black;
}
.dia-e-hora-card h2{
	text-align: center;
	color: black;
	font-size: 19px;
}
/* dia e hora */



/* banner */
.banner-style{
	height: auto;
	padding: 8px;
	background: #2A7B9B;
background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(15, 13, 13, 1) 0%, rgba(61, 58, 58, 1) 100%);
}
.banner-styleground1{
	height: 650px;
	background-image: url("banner-1.png");
	background-position: center;
	background-size: cover;
}
.banner-styleground2{
	height: 650px;
	background-image: url("banner-2.png");
	background-position: center;
	background-size: cover;
}
.banner-styleground3{
	height: 650px;
	background-image: url( "banner-3.png");
	background-position: center;
	background-size: cover;
}
/* banner */














/* termos de uso */
.termos-de-uso-index{
	height: auto;
	padding-bottom: 30px;
	padding: 15px;
	background-color: white;
}
.termos-de-uso-index h1{
	text-align: center;
	color: white;
	background-color: black;
	padding: 5px;
}
.termos-de-uso-index p {
	text-align: center;
	color: black;
	font-size: 19px;
	
}
.termos-de-uso-index li{
	color: black;
	text-align: center;
}
.termos-de-uso-index-magin-bottom{
	height: 650px;
	background-color: white;
}



/*termos de uso */