/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 20 dic 2023, 10:54:25
    Author     : Admin
*/

@import url("https://fonts.googleapis.com/css?family=Inter:400'");
 .middle {
	 width: 100%;
	 text-align: center;
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
	/* Made by */
}
 .middle h1 {
	 font-family: "Inter", sans-serif;
	 color: #fff;
}
 .middle input[type="radio"] {
	 display: none;
}
/* .middle input[type="radio"]:checked + .box {
	 background-color: #0e71b4;
}*/
/* .middle input[type="radio"]:checked + .box span {
	 color: #0e71b4;
	 transform: translateY(70px);
}
 .middle input[type="radio"]:checked + .box span:before {
	 transform: translateY(0px);
	 opacity: 1;
}*/
 .middle .box {
	 width: 240px;
	 height: 100px;
	 /*background-color: #fff;*/
	 transition: all 250ms ease;
	 will-change: transition;
	 display: inline-block;
	 text-align: center;
	 cursor: pointer;
	 position: relative;
         
         /*FONT PER SCRITTE*/
	 /*font-family: "Inter", sans-serif;
	 font-weight: 900;*/
}
 .middle .box:active {
	 transform: translateY(10px);
}
 .middle .box span {
         top: -60px;
	 position: absolute;
	 transform: translate(0, 60px);
	 left: 0;
	 right: 0;
	 transition: all 300ms ease;
	 font-size: 1.5em;
	 user-select: none;
	 color: #007e90;
}
 .middle .box span:before {
	 font-size: 1.2em;
	 font-family: FontAwesome;
	 display: block;
	 transform: translateY(-80px);
	 opacity: 0;
	 transition: all 300ms ease-in-out;
	 font-weight: normal;
	 color: white;
}
/* .middle .front-end span:before {
	 content: "\f121";
         content: "\2713";
         color: #0e71b4;
}
 .middle .back-end span:before {
	 content: "\f0f4";
         content: "\2713";
         color: #0e71b4;
}*/
 .middle p {
	 color: #fff;
	 font-family: "Inter", sans-serif;
	 font-weight: 400;
}
 .middle p a {
	 text-decoration: underline;
	 font-weight: bold;
	 color: #fff;
}
 .middle p span:after {
	 content: "\f0e7";
	 font-family: FontAwesome;
	 color: yellow;
}