/* Custom Stylesheet */
body, html {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
}
.fonti {
padding: 20px;
margin-top:50px;
margin-bottom:50px;
border-radius: 20px;
border : 1px solid rgba(57, 139, 247, 0.945);
color :rgba(22, 22, 24, 0.925);
text-align: left;
font-size:12px;
line-height:14px;
background-color:#ecebeb ;
}
.dot {
background-color:#000;
/* color: #e6007a; */
color:#fff;
font-weight: 700;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size: 13px;
line-height: 20px;
margin-top: 50px;
margin-bottom: 50px;
padding : 50px;
}
.quad {
color :#050821;
font-weight: 400;
font-family: serif;
font-size: 20px;
line-height: 25px;
margin-top: 50px;
margin-bottom: 50px;
margin:5px;
padding : 50px;
padding-top:20px;
padding-bottom:20px;
border: 2px solid #c92ad8;
}
.quad:hover {
color :white;
background-color:#050821
}
.dot1 {
color: #e6007a !important;
}
.cerchio {
border-start-start-radius: 42px;
border-start-end-radius: 148px;
border-bottom-left-radius: 136px;
}
.crip1 {
border-bottom-right-radius: 0px;
border-bottom: 3px solid;
margin: 30px;
padding-block-end: 10px;
text-align: center;
font-size: 25px;
}
.crip1 a,
.crip2 a,
.crip3 a
{
color: #1013c8;
font-style: oblique;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.crip2 {
border-start-start-radius: 150px;
border-start-end-radius: 8px;
border-bottom-right-radius: 310px;
border-bottom: 15px solid;
margin: 70px;
padding-block-end: 25px;
text-align: center;
font-size: 26px;
border-bottom-left-radius: 590px;
color: #453ce812;
}
.crip3 {
border-start-end-radius: 8px;
border-bottom-right-radius: 590px;
border-bottom: 15px solid;
margin: 70px;
padding-block-end: 25px;
text-align: center;
font-size: 26px;
border-bottom-left-radius: 310px;
color: #453ce812;
}
.crypto {
margin: 34px;
padding: 48px;
border: 3px dotted rgb(196, 80, 13);
text-align: center;
font-stretch: expanded;
font-size: 26px;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
width: 80%;
height: 147px;
background-color: #e6e6e645;
text-orientation: sideways-right;
text-transform: full-size-kana;
text-align: center;
vertical-align: middle;
}
.rosso {
color:red !important;
font-family :bold;
}
.nero {
color: black;
font-family :bold;
}
.blu {
color:rgb(68, 0, 255);
font-family :bold;
}
.verde {
color:rgb(49, 199, 11);
font-family :bold;
}
.backblu {
background-color: rgb(68, 0, 255)
}
.model8 {
margin: 30px;
padding: 52px;
text-align: left;
color: rgb(13, 14, 17);
line-height: 27px;
font-size: 22px;
border-left: 2px solid rgb(8, 11, 179);
border-bottom: 4px solid rgb(23, 14, 153);
background: linear-gradient(75deg,#fcf9f6ee ,#c6d8e8ed ,#ecececea);
border-top-left-radius: 110px;
border-bottom-right-radius: 153px;
border-top-right-radius: 310px;
border-bottom-left-radius: 46px;
}
.model8:hover {
box-shadow: 1px 12px 5px 2px rgb(160, 168, 240);
font-size: 25px;
}
.blog-q00 a {
flex-grow: 4;
color: #ffffff;
background-color: rgb(34, 52, 209);
font-size: 22px;
font-family: 'Lucida', Arial, sans-serif;
font-style: italic;
margin:20px;
border-bottom:2px solid #e43c09;
border-top:2px solid #e46b09;
padding:7px;
border-radius: 35px;
}
.blog-q00 a:hover {
background-color: #e43c09;
}
.blog-q000 a {
flex-grow: 4;
color: #e4e0e0;
background-color: rgb(3, 3, 3);
font-size: 22px;
font-family: 'Lucida', Arial, sans-serif;
font-style: italic;
margin:20px;
border-left:2px solid #fceb01;
border-right:2px solid #e4c309;
padding:7px;
border-radius: 35px;
}
.blog-q000 a:hover {
color: #000;
background-color:#e4e0e0;
}
.blog-q0 a {
flex-grow: 4;
color: #f319c4;
background-color: rgb(70, 63, 63);
font-size: 25px;
font-family: 'Lucida Sans', Arial, sans-serif;
font-style: italic;
margin:20px;
border-bottom:2px solid #091fe4;
border-right:2px solid #091fe4;
padding:5px;
border-end-end-radius: 15px;
}
.blog-q0 a:hover {
color:#091fe4;
background-color: #f319c4;;
}
.blog-q1 a {
flex-grow: 4;
color: #89ff00;
font-size: 25px;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-style: italic;
margin:50px;
border-top: 5px solid #00bcd4;
padding:5px;
}
.blog-q1 a:hover {
border-bottom: 5px solid #00bcd4;
}
.blog-q2 a {
flex-grow: 4;
color: #00bcd4;
font-size: 25px;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-style: italic;
border-bottom:2px solid #89ff00;
border-left:2px solid #89ff00;
padding:5px;
margin:20px;
}
.blog-q2 a:hover {
border-bottom:2px solid #000000;
border-left:2px solid #000000;
border-top:2px solid #89ff00;
border-right:2px solid #89ff00;
}
.blog-q22 a {
flex-grow: 4;
color: #d40035;
font-size: 25px;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-style: italic;
border-right:2px solid #ffd000;
border-left:2px solid #ffd000;
padding:5px;
margin:20px;
}
.blog-q22 a:hover {
border-bottom:2px solid #ffd000;
border-left:2px solid #000000;
border-top:2px solid #ffd000;
border-right:2px solid #000000;
}
.blog-q3 a {
flex-grow: 4;
color: #b829fa;
font-size: 25px;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-style: italic;
border-top:5px solid #ffffff;
border-bottom:5px solid #ffffff;
border-top-left-radius:15px;
border-bottom-right-radius: 30px;
padding:5px;
margin:20px;
}
.blog-q3 a:hover {
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}
.blog-q33 a {
flex-grow: 4;
color: #d783fd;
font-size: 25px;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-style: italic;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
border-bottom-right-radius: 30px;
padding:5px;
margin:20px;
}
.blog-q33 a:hover {
border-top:1px solid #d783fd;;
border-bottom:1px solid #d783fd;
color:#ffffff;
}
.blog-q {
margin: 5px;
margin-top: 15px;
box-shadow: 1px 1px 5px 2px rgb(200, 200, 200);
padding: 15px;
background: #fafafa;
color: blue;
text-align: center;
text-transform: capitalize;
text-decoration-style: wavy;
width: 25%;
height: auto;
}
.blog-q a {
color: blue;
}
.blog-q a:hover {
color:rgb(114, 19, 19);
}
.blog-q:hover {
background: rgb(236, 171, 28);
color: #fafafa;
}
.model-q3 {
flex-grow: 4;
color: #b829fa;
font-size: 22px;
line-height: 30px;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-style: italic;
border-top:5px solid #ffffff;
border-bottom:5px solid #ffffff;
border-top-left-radius:15px;
border-bottom-right-radius: 30px;
padding:5px;
margin:40px;
}
.model-q3:hover {
color: #1624e9;
font-size: 23px;
line-height: 30px;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.model00 {
height:auto;
padding-left: 20px !important;
padding-right: 20px !important;
margin-top: 50px;
margin-left: 1%;
margin-right: 1%;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 50px;
background-color: white;
}
.model00:hover {
box-shadow: -2px 1px 5px 2px rgb(52, 55, 235);
}
.model {
margin: 50px;
padding: 30px;
text-align: left;
color: white;
line-height: 30px;
font-size: 22px;
background-color: black;
border-radius: 5px;
}
.model2 {
margin: 50px;
padding: 30px;
text-align: left;
color: black;
line-height: 30px;
font-size: 22px;
border-left: 7px solid rgb(28, 46, 207);
background-color: rgba(185, 184, 187, 0.21);
border-radius: 5px;
}
.model3 {
margin: 30px;
padding: 30px;
text-align: left;
color:rgb(13, 24, 126);
line-height: 30px;
font-size: 24px;
border-left: 3px solid rgb(179, 8, 51);
border-bottom: 3px solid rgb(238, 13, 69);
background: linear-gradient(75deg,#e9752dde ,#ccc9beed ,#49b2e2ea);
border-radius: 5px;
}
.model3:hover {
box-shadow: 1px 1px 5px 2px rgb(200, 200, 200);
}
.model2:hover {
box-shadow: -2px 1px 5px 2px rgb(52, 55, 235);
}
.model4 {
margin: 50px;
padding: 30px;
text-align: left;
color:rgb(13, 24, 126);
line-height: 30px;
font-size: 22px;
border-left: 3px solid rgb(8, 11, 179);
border-bottom: 3px solid rgb(23, 14, 153);
background: linear-gradient(75deg,#f7f6f5ee ,#aaaaaaed ,#e9e8e8ea);
border-radius: 5px;
box-shadow: 11px 8px 12px 2px rgb(0, 00, 00);
}
.model4:hover {
box-shadow: 1px 1px 5px 2px rgb(200, 200, 200);
}
.model5 {
margin: 30px;
padding: 30px;
text-align: left;
color:rgb(13, 24, 126);
line-height: 30px;
font-size: 24px;
border-left: 3px solid rgb(8, 11, 179);
border-bottom: 3px solid rgb(23, 14, 153);
background: linear-gradient(75deg,#fcf9f6ee ,#fcf8f8ed ,#ecececea);
border-radius: 5px;
}
.model5:hover {
box-shadow: 1px 1px 5px 2px rgb(200, 200, 200);
}
.model66 {
width:auto;
margin: 30px;
padding: 20px;
text-align: left;
color:rgb(13, 14, 17);
line-height: 25px;
font-size: 20px;
border-top: 2px solid rgb(8, 11, 179);
border-bottom: 4px solid rgb(23, 14, 153);
background: white;
border-radius: 15px;
}
.model6 {
margin: 30px;
padding: 30px;
text-align: left;
color:rgb(13, 14, 17);
line-height: 27px;
font-size: 22px;
border-left: 2px solid rgb(8, 11, 179);
border-bottom: 4px solid rgb(23, 14, 153);
background: linear-gradient(75deg,#fcf9f6ee ,#fcf8f8ed ,#ecececea);
border-radius: 15px;
}
.model6:hover {
box-shadow: 1px 1px 5px 2px rgb(200, 200, 200);
}
.model7 {
margin: 30px;
padding: 30px;
text-align: left;
color:rgb(13, 14, 17);
line-height: 27px;
font-size: 22px;
border-top: 2px solid rgb(179, 8, 45);
border-left: 2px solid rgb(179, 8, 45);
border-bottom: 4px solid rgb(231, 130, 14);
border-right: 4px solid rgb(231, 130, 14);
border-top-right-radius: 7px ;
border-bottom-right-radius: 15px;
background: rgba(247, 247, 247, 0.667);
border-radius: 15px;
opacity:0.2;
}
.model7:hover {
box-shadow: 1px 1px 5px 2px rgb(200, 200, 200);
opacity:1;
}
.model77 {
margin: 30px;
padding: 30px;
text-align: left;
color:rgb(13, 14, 17);
line-height: 24px;
font-size: 18px;
border-top: 2px solid rgb(145, 8, 179);
border-left: 2px solid rgb(192, 22, 235);
border-bottom: 2px solid rgb(234, 7, 255);
border-right: 2px solid rgb(226, 150, 241);
border-top-right-radius: 7px ;
border-bottom-right-radius: 15px;
background: rgba(247, 247, 247, 0.667);
border-radius: 15px;
opacity:0.2;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.model77:hover {
box-shadow: 1px 11px 5px 2px rgb(200, 200, 200);
opacity:1;
}
.imgm:hover{
box-shadow: 1px 3px 5px 2px rgb(200, 200, 200);
}
.imgm {
box-shadow: 1px 11px 5px 2px rgb(238, 195, 232);
opacity:1;
}
.titolo2 {
margin-top: 30px;
padding: 20px;
text-align: left;
color: rgb(22, 8, 218);
line-height: 30px;
font-size: 22px;
border-left: 7px solid rgb(207, 28, 97);
background-color: rgba(255, 197, 6, 0.884);
border-radius: 5px;
}
.pyc {
color: #66d9ef;
}
.pyc2 {
color: #f52929;
}
.grover {
margin: 15px;
margin-top: 25px;
box-shadow: 1px 1px 5px 2px rgb(200, 200, 200);
padding: 15px;
padding-top: 30px;
padding-bottom: 30px;
background: #fafafa;
color: bue;
text-align: left;
text-decoration-style: wavy;
width: 98%;
line-height: 30px;
font-size: 23px;
}
.blog-box {
display: flex;
flex: auto;
justify-content: space-evenly;
align-items: left;
align-content: space-evenly;
flex-flow: row wrap;
position: relative;
width: 100%;
background-color: #fff;
color : #000;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 25px;
line-height: 30px;
letter-spacing: 3px;
height: 500px;
}
#jshome {
border-top-style: groove;
border-top :2px solid #091fe4;
border-top-right-radius: 30%;
box-sizing: border-box;
box-shadow: 0px 18px 19px -10px #0a0ee82e;
}
#blkhome {
margin-top:15px;
border-top-style: groove;
border-top :2px solid #091fe4;
border-bottom: 1px solid #091fe4;
box-sizing: border-box;
box-shadow: -8px 14px 4px -7px #0a0ee800;
}
#getho {
height: 340px;
width: 100%;
box-sizing: border-box;
padding:10%;
font-size: 25px;
border: 3px solid black;
}
.geth {
height: 340px;
width: 100%;
box-sizing: border-box;
padding:10%;
font-size: 25px;
border: 3px solid black;
}
.geth1 {
height: 100%;
width: 100%;
box-sizing: border-box;
border: 3px solid black;
padding:10%;
}
.geth2 {
height: 100%;
width: 100%;
box-sizing: border-box;
border: 3px solid black;
padding:10%;
text-align: center;
}
#getho, #getho8, #getho5 {
background: linear-gradient(115deg,#0064a7 0,#004777 100%);
}
#getho7 , #getho3 {
background: linear-gradient(10deg,#f1e315 ,#cf6706ed ,#f30957);
}
#getho4, #getho1 {
background: linear-gradient(30deg,#bb551b ,#cc9b6ded ,#f309d4);
}
#getho2, #getho6 {
background: linear-gradient(55deg,#c40303cb 0,#242319 100%);
}
.SolBox {
height: auto;
width: 90%;
box-sizing: border-box;
margin-bottom: 30px !important;
margin-top: 30px !important;
position: relative;
overflow: hidden;
background-color: rgb(255, 255, 255);
color:rgb(19, 15, 228);
line-height: 20px;
font-size: 18px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
padding:20px;
}
.SolBox:hover {
border-radius: 25px;
box-shadow: 1px 5px 15px 3px rgb(236, 123, 123);
}
.commento {
padding-left:5px;
color: black !important;
font-size: 13px !important;
}
.commento2 {
padding-left:25px;
color: black !important;
font-size: 13px !important;
}
.terminal_mini {
height: auto;
width: max-content;
box-sizing: border-box;
border-radius: 25px;
box-shadow: 1px 5px 15px 3px rgb(143, 113, 113);
margin-bottom: 30px !important;
margin-top: 30px !important;
position: relative;
overflow: hidden;
background-color: #000;
color:#fff;
line-height: 20px;
font-size: 18px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
padding:20px;
}
.teleport {
font-size: 25px;
font-family: 'Noto Sans', sans-serif;
margin-top:10px;
margin-bottom:10px;
/*border-top: 2px solid #be0643;*/
border-bottom: 2px solid #be0643;
/*border-left: 2px solid #f5e392;*/
/*border-right: 2px solid #f5e392;*/
box-sizing: border-box;
/*background-color: black;*/
text-decoration: inherit;
font-size: 18px;
padding:30px;
width: 100%;
height: auto;
}
.teleport3 {
background-size: 100% 3px;
color:#1000f0;
font-size: 35px;
margin-left:20%;
margin-right:20%;
text-align: center;
line-height: 100px;
}
.teleport3:hover {
position: relative;
background-image: linear-gradient(0deg,#ff623b 0,#f00e59c7 100%);
background-position: 100% 100%;
background-size: 0 3px;
background-repeat: no-repeat;
-webkit-transition: 1s ease;
transition: 1s ease;
}
.teleport3:after {
content: '';
display: block;
border-bottom: 3px solid rgba(255, 102, 0, 0.692);
/* width: 0; */
width:0;
position: relative;
-webkit-transition: 1s ease;
transition: 1s ease;
}
.teleport3:hover:after {
width: 100%;
left:0;
-webkit-transition: 1s ease;
transition: 1s ease;
}
.boxGo {
font-size: 25px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
margin-top:50px;
margin-bottom:50px;
border-top: 5px solid #0684be;
border-bottom: 5px solid #0684be;
border-left: 2px solid #f5e392;
border-right: 2px solid #f5e392;
box-sizing: border-box;
/*background-color: black;*/
text-align: center;
text-decoration: inherit;
display: flex;
/* font-size: 18px; */
width: 100%;
height: 350px;
}
.boxex {
color:#fff;
background-color: #000;
font-size: 25px;
border-bottom-right-radius: 9%;
margin: 50px;
padding:5%;
box-shadow: 3px 3px orange, -1em 0 .4em rgb(53, 59, 146);
}
.boxxx {
color:#ffffff;
font-size: 25px;
border-bottom-right-radius: 9%;
margin: 50px;
padding:5%;
box-shadow: 3px 3px rgb(44, 41, 34), -1em 0 .4em rgb(53, 59, 146);
background: linear-gradient(55.68deg,#f18300 0,#df5534 84.89%,#f96b00 100%);
}
.tot {
font-size: 23px;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
padding:50px;
}
.boxGet {
margin-top: 50px;
margin-bottom: 50px;
box-sizing: border-box;
font-size: 18px;
display: grid;
grid-template-columns: 32% 32% 32%;
width: 100%;
grid-gap: 2%;
grid-row-start: initial;
grid-auto-rows: min-content;
}
.boxGo div a {
font-size:40px;
color : rgba(198, 31, 184, 0.99);
text-align: center;
vertical-align: middle;
padding-top:100px;
padding-left:100px;
}
.titoloGo {
background-color: black;
color:white;
padding:10px;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
}
.bottone {
margin:20px;
border-top: 3px solid #63b6dd;
border-bottom: 3px solid #3a4ed5;
border-left: 3px solid #3a4ed5;
border-right: 3px solid #64aaec;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: black;
background-repeat: no-repeat;
border-radius:20px;
color: white;
padding: 5px 30px 5px 30px;
text-align: center;
text-decoration: inherit;
display: inline-block;
font-size: 18px;
cursor: pointer;
}
.bottone:hover {
box-shadow: 0 12px 16px 10px rgba(86, 88, 226, 0.616), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
background-color: white;
color:black;
}
.ubuntu {
text-align:left;
color: rgb(22, 19, 219);
font-size:45px;
background: url("ubuntu.png") no-repeat fixed;
background-size: contain;
}
.ubuntu:hover {
opacity: 0.3;
}
#scriviTesto {
overflow: hidden;
white-space: nowrap;
margin: 0 auto;
letter-spacing: .5em;
color:#001aff;
animation:
scrivi 7.5s steps(70, end);
}
@keyframes scrivi {
from { width: 0 }
to { width: 100% }
}
.box_modulo {
max-width: 350px;
padding: 2rem;
border-width: 5px;
border-style: solid;
border-image:
linear-gradient(
to bottom,
red,
rgba(0, 0, 0, 0)
) 1 100%;
}
.border-gradient {
border: 10px solid;
border-image-slice: 1;
border-width: 5px;
}
.border-gradient-purple {
border-image-source: linear-gradient(to left, #7730f1, #f1109f);
}
.frame {
margin-top:20px;
margin-bottom:50px;
position: relative;
width: 100%;
height: 200px;
background-color: #000;
display: grid;
grid-template-columns: 33% 33% 33%;
grid-column: auto;
grid-template-rows: 100%;
grid-template-areas:
"1 1 1 ";
z-index: 1;
}
.frame1 {
grid-area: 1;
color:#fff;
position: relative;
height: auto;
background: #000;
margin: 7%;
vertical-align: middle;
font-size: 30px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.BOX {
display: flex;
flex: auto;
justify-content: center;
align-items: center;
position: relative;
width: auto;
background-color: #131212;
color : white;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 35px;
letter-spacing: 3px;
}
.BOX:before {
content:'';
position: absolute;
top:-2px;
left:-2px;
right:-2px;
bottom:-2px;
transform:skew(-0.5deg,-0.5deg);
/* transform: rotateX(1deg);*/
z-index: -1;
}
.aaa {
width: 100%;
height: 200px;
background-color: #000;
display: flex;
justify-content: center;
align-items: center;
}
.BOX1 {
display: flex;
flex: auto;
justify-content: center;
align-items: center;
position: relative;
height: auto;
background: #060c21;
margin: 10%;
vertical-align: middle;
font-size: 30px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.BOX1:before {
content:'';
position: absolute;
top:-2px;
left:-2px;
right:-2px;
bottom:-2px;
background: #fff;
z-index: -1;
}
.BOX1::after {
content:'';
position: absolute;
top:-2px;
left:-2px;
right:-2px;
bottom:-2px;
background: #fff;
z-index: -2;
}
.tbox13 {
margin-top:50px;
margin-bottom:50px;
position: relative;
width: 100%;
height: 200px;
background-color: #000;
display: grid;
grid-template-columns: 33% 33% auto;
grid-column: auto;
grid-template-rows: auto;
grid-template-areas:
"1 1 1 ";
z-index: 1;
}
.testbox {
margin:5px;
grid-gap: 10px;
position: relative;
width: 99%;
height: 150px;
background-color: #fff;
display: grid;
grid-template-columns: auto;
grid-column: auto;
z-index: 1;
}
.BOX:nth-child(1):before {
background:linear-gradient(215deg,#ff0057,#ffc916)
}
.BOX1:before ,
.BOX1::after
{
background:linear-gradient(215deg,#f1e315 , #000 ,#cf6706ed)
}
.box12,
.BOX13 {
display: flex;
color:#fff;
flex: auto;
justify-content: center;
align-items: center;
position: relative;
height: auto;
background: #000;
margin: 7%;
vertical-align: middle;
font-size: 30px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.box12:before {
content:'';
position: absolute;
top:-5px;
left:-5px;
right:-2px;
bottom:-2px;
background: #fff;
z-index: -1;
}
.BOX13:before {
content:'';
position: absolute;
top:-2px;
left:-2px;
right:-2px;
bottom:-2px;
background: #fff;
z-index: -1;
}
.box12:after,
.BOX13:after {
content:'';
position: absolute;
top:-2px;
left:-2px;
right:-2px;
bottom:-2px;
background: #fff;
z-index: -2;
}
.box12:before,
.box12:after
{
background:linear-gradient(235deg,#f319c4,#060c21,#091fe4)
}
.BOX13:before,
.BOX13:after
{
background:linear-gradient(235deg,#89ff00,#060c21,#00bcd4)
}
.textblog {
padding: 20px;
box-sizing: border-box;
color: #fff;
}
.excel {
display: grid;
height:auto;
grid-template-columns: 49% 49% ;
}
.pillole {
clip-path: polygon(92.83% 406px, 6.32% 11.58%, 23.45% 96.34%, 77px 2.09%);
shape-outside: polygon(91.56% 265px, 80.07% 72.74%, 50% 100%, 42.48% -6.16%);
float: left;
margin: 10px;
}
.pillolepy {
clip-path: polygon(52.99% 25px, 31.22% 86.33%, 0.01% 99.09%, -2px -2.91%);
shape-outside: polygon(41.86% 285px, 28.37% 43.45%, 6.72% 100.71%, 58.69% 4.78%);
float: left;
margin: 10px;
}
.pillolepy2 {
background-image: url('pyindex.png');
clip-path: polygon(-6px -4px, 22px 196px, 505px 190px, 555px 0px);
shape-rendering: crispEdges;
width: 100%;
height: 400px;
color: white;
line-height:200px ;
text-align: left;
}
.pillolepy2:hover {
clip-path: polygon(-6px -4px, -1px 414px, 433px 415px, 372px -4px);
font-size:35px;
line-height:400px ;
}
.pillolepy2 a {
font-size:55px;
color: white;
padding: 18px;
font-size:35px;
}
.pillolepy2 a:hover {
font-size:35px;
color: white;
padding: 1px;
}
.varie {
display: grid;
height:300px;
grid-template-columns: auto auto auto auto;
}
.ringo {
position: relative;
top:50% ;
left:50%;
transform: translate(-50%,-50%);
width: 160px;
height: 160px;
background: transparent;
border: 3px solid white;
border-radius: 50%;
text-align: center;
line-height: 160px;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
font-size: 15px;
color: #001aff;
letter-spacing: 4px;
text-transform: uppercase;
text-shadow:0 0 3px #ffa600;
}
.ringo:before {
content: '';
position: absolute;
top:0px;
left:0px;
width: 100%;
height: 100%;
border: 3px solid transparent;
border-top: 3px solid rgb(221, 13, 13);
border-right: 3px solid rgb(221,10,10);
/*border-bottom: 3px solid rgb(221,5,5); */
border-radius: 50%;
animation: ancilla 2s linear infinite;
}
@keyframes ancilla {
0% {
transform: rotate(0deg) ;
}
100% {
transform: rotate(360deg);
}
}
.rinco {
position: relative;
top:50% ;
left:50%;
transform: translate(-50%,-50%);
width: 160px;
height: 160px;
background: transparent;
border: 3px solid white;
border-radius: 50%;
text-align: center;
line-height: 160px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 14px;
color: #001aff;
letter-spacing: 4px;
}
.rinco:before {
content: '';
position: absolute;
top:0px;
left:0px;
width: 100%;
height: 100%;
border: 3px solid transparent;
border-top: 3px solid rgb(0, 0, 0);
border-right: 3px solid rgb(29, 25, 25);
/*border-bottom: 3px solid rgb(221,5,5); */
border-radius: 50%;
animation: rinco 3s alternate-reverse infinite;
}
@keyframes rinco {
0% {
transform: rotate(360deg) ;
}
100% {
transform: rotate(0deg);
}
}
.titolo {
margin-top: 30px;
margin-bottom: 30px;
color: rgb(2, 6, 243);
line-height: 40px;
font-size: 35px;
font-family: 'Times New Roman', Times, serif;
text-align: center;
}
.boxxe {
margin:5px;
border-bottom: 2px solid black;
border-left:2px solid black;
border-bottom-left-radius: 10%;
margin-top:80px;
padding: 20px;
box-shadow: 6px 4px 5px 1px rgb(174, 179, 179);
}
.boxxeinv {
margin:5px;
border-bottom: 2px solid black;
border-right:2px solid black;
border-bottom-right-radius: 10%;
margin-top:80px;
padding: 20px;
box-shadow: 6px 4px 5px 1px rgb(174, 179, 179);
}
.dense {
margin:5px;
box-shadow: 0px 5px 15px 2px rgb(59, 57, 57);
margin-top:50px;
padding: 20px;
}
.dense1 {
margin:5px;
box-shadow: 3px 5px 15px 2px rgb(104, 97, 97);
margin-top:50px;
padding-left: 20px;
background-color: rgb(243, 213, 213)
}
.dense2 {
margin:5px;
box-shadow: 5px 5px 15px 2px rgb(167, 165, 158);
margin-top: 50px;
padding-left: 20px;
background-color: rgb(248, 236, 180);
}
.testo {
color: rgb(9, 9, 10);
line-height: 35px;
font-size: 20px;
font-family: 'Noto Sans', sans-serif;
margin: 30px;
}
.figura {
font-size: 15px;
color:blue;
}
.indent {
margin-left:50px;
}
.titolo-gate {
color: rgba(240, 6, 6, 0.979);
border-bottom-right-radius: 250px;
/* background-image: linear-gradient(35deg,#ff8a00,#e52e71);*/
background-color: black;
font-size: 35px;
padding: 40px;
margin-bottom: 40px;
margin-top: 40px;
border-spacing: 5px;
height: 150px;
text-align: center;
font-family: Garamond;
font-style: italic;
}
.titolo-gate2 {
height:170px;
width: 100%;
background-image: linear-gradient(35deg,#bd1d1de6,#1510CA);
position: relative;
}
/* cube 3d */
.scene {
perspective: 800px;
perspective-origin: 50% 100px;
height:300px;
}
.cube {
position: relative;
width: 200px;
transform-style: preserve-3d;
display: block;
margin-left: auto;
margin-right: auto;
}
.cube div {
position: absolute;
width: 200px;
height: 200px;
}
.cube_back {
transform: translateZ(-100px) rotateY(180deg);
}
.cube_right {
transform: rotateY(-270deg) translateX(100px);
transform-origin: top right;
}
.cube_left {
transform: rotateY(270deg) translateX(-100px);
transform-origin: center left;
}
.cube_top {
transform: rotateX(-90deg) translateY(-100px);
transform-origin: top center;
}
.cube_bottom {
transform: rotateX(90deg) translateY(100px);
transform-origin: bottom center;
}
.cube_front {
transform: translateZ(100px);
}
@keyframes giramondo {
from { transform: rotateY(0); }
to { transform: rotateY(360deg); }
}
.cube {
animation: giramondo 5s infinite linear;
}
.scene_vertical {
perspective: 800px;
perspective-origin: 50% 100px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 35px;
}
@keyframes girastesso {
from { transform: rotateX(0); }
to { transform: rotateX(-360deg); }
}
.scene_vertical .cube {
margin: 0 auto; /* keeps the cube centered */
height:300px;
transform-origin: 0 100px;
animation: girastesso 5s infinite linear;
}
.scene_vertical .cube_top {
transform: rotateX(-270deg) translateY(-100px);
}
.scene_vertical .cube_back {
transform: translateZ(-100px) rotateX(180deg);
}
.scene_vertical .cube_bottom {
transform: rotateX(-90deg) translateY(100px);
}
.cartesio ,
.header-my {
font-family: Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;
font-style: normal;
font-weight: 700;
align-items: center;
position: relative;
margin: 0px;
border: 4px solid transparent;
padding: 5rem !important;
height: 100%;
width: 100%;
border-radius: 2.5rem 0 3.5rem 2.5rem;
line-height: 100px;
font-size: 30px;
text-align: center;
background: linear-gradient(#f83131,#efecf5f3) padding-box,
linear-gradient(90deg,#464445,#ed4f32) 0/50% no-repeat border-box,
linear-gradient(-90deg,#eb7d01,#ed4f32 37.5vw,rgba(237,79,50,0)) 100% 101%/65% 75% no-repeat border-box;
}
.b1 {
width:100%;
position:relative;
text-align: center;
height:100%;
float:left;
color:black;
line-height: 100px;
font-size: 30px;
margin-left:0%;
margin-top:0%;
margin-bottom: 20px;
transform:rotate(0deg);
border-bottom-right-radius:70% 7%;
border-top-right-radius:0%;
border-top-left-radius:0%;
border-start-start-radius: 10%;
background: linear-gradient(to top, #cc6600, #ff9933, #ffcc33);
}
.b2 {
width:100%;
position:relative;
text-align: center;
height:100%;
float:left;
color:black;
line-height: 100px;
font-size: 30px;
margin-left:0%;
margin-top:0%;
margin-bottom: 20px;
transform:rotate(0deg);
border-bottom-right-radius:0%;
border-bottom-left-radius: 20% 7%;
border-top-right-radius:0%;
border-top-left-radius:0%;
border-start-start-radius: 0%;
background: linear-gradient(to top, #cc6600, #ff9933, #ffcc33);
}
.backo {
background: linear-gradient(rgba(29, 97, 214, 0.8), rgba(53, 205, 252, 0.5)), url("teleporting.png") no-repeat fixed;
background-size: contain;
height: 300px;
border-bottom-right-radius: 19% 91%;
border-right: #ffcc33 solid 3px;
text-align: center;
line-height: 100px;
font-size: 30px;
font-family: Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;
font-style: normal;
font-weight: 981;
/*margin-bottom: 50px;*/
}
.backo-bordo {
background: linear-gradient(to right, red, rgb(248, 239, 110));
}
.Banda {
width:100%;
position:relative;
text-align: center;
height:200px;
float:left;
color:black;
line-height: 100px;
font-size: 30px;
margin-left:0%;
margin-top:0%;
margin-bottom: 20px;
transform:rotate(0deg);
border-bottom-right-radius:20%;
border-top-right-radius:0%;
border-top-left-radius:0%;
border-start-start-radius: 10%;
/* background: linear-gradient(to top, #cc6600, #ff9933, #ffcc33); */
background:linear-gradient(-0.25turn,#eb7d01,#a81b02 37.5vw,rgba(237,79,50,0)) 100% 101%/65% 75% no-repeat border-box;
}
.curveOne{
width: 13%;
position: absolute;
height: 30%;
float: right;
transform: rotate(-180deg);
margin-left: 26%;
margin-top: 4%;
border-bottom-left-radius: 140%;
border-top-left-radius: 15%;
border-bottom-right-radius: 78%;
background-color: white;
}
.curveDue {
width: 13%;
position: absolute;
height: 30%;
float: right;
transform: rotate(-180deg);
margin-left: 66%;
margin-top: 4%;
border-bottom-left-radius: 140%;
border-top-left-radius: 15%;
border-bottom-right-radius: 78%;
background-color: white;
}
.anima {
color: black;
font-size: 25px;
text-align: center;
border-radius: 25px;
width: 100px;
height: auto;
margin: 50px;
background: rgb(255, 254, 254);
position: relative;
animation: myanima 30s infinite;
/* animation-fill-mode: forwards; */
}
@keyframes myanima {
from {top: 20px;}
to {top: 200px; background-color: rgb(13, 13, 228);}
}
.pentagono {
position:relative;
widows: 300px;;
border-top:57px solid orange;
border-left:19px solid transparent;
border-right:19px solid transparent;
-moz-transform:rotate(0);
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0);
}
.pentagono:before {
content:"";
width:0;
height:0;
position:absolute;
top:-98px;
left:-19px;
border-left:49px solid transparent;
border-right:49px solid transparent;
border-bottom:41px solid orange;
}
.circo {
/*clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);*/
clip-path: polygon(32.36% 0.5%, 100% 50%, 71.93% 98.64%, 10.83% 94.04%);
shape-outside: polygon(98.27% 34.49%, 101.45% 103.15%, 18.57% 104.75%, -1.63% -0.5%);
float: left;
height: 400px;
width: 100%;
padding: 10px;
text-align: center;
border-radius: 3%;
display: inline-block;
color:rgb(29, 19, 116);
font-size:1.3em;
font-weight:600;
background-color: rgb(255, 255, 255);
border: 2px solid rgba(0,0,0,0.2);
}
.quadro {
height: 400px;
width: 100%;
padding: 70px;
text-align: center;
display: inline-block;
color:rgb(29, 19, 116);
font-size:1.3em;
font-weight:600;
background-color: rgb(255, 255, 255);
border: 3px solid transparent;
-moz-border-image: -moz-linear-gradient(left, #942307 0%, #3a4ed5 100%);
-webkit-border-image: -webkit-linear-gradient(left,#942307 0%, #3a4ed5 100%);
border-image: linear-gradient(to right,#942307 0%, #3a4ed5 100%);
border-image-slice: 2;
}
.quadro:hover {
padding: 70px;
border-radius: 50%;
transition: 3.7s;
color:rgb(29, 19, 116);
background-color: rgb(255, 255, 255);
border: 10px solid ;
border-left-color: rgba(6, 124, 6, 0.788);
border-bottom-color: white;
border-right-color: red;
border-top-color: white;
}
.circle {
height: 400px;
width: 100%;
padding: 70px;
text-align: center;
border-radius: 50%;
display: inline-block;
color:rgb(29, 19, 116);
font-size:1.3em;
font-weight:600;
background-color: rgb(255, 255, 255);
border: 3px solid ;
border-left-color: rgba(6, 124, 6, 0.788);
border-bottom-color: white;
border-right-color: red;
border-top-color: white;
}
.circle:hover {
height: 400px;
width: 100%;
transition: 1.7s;
padding:50px;
border: 10px solid rgba(32, 10, 228, 0.63);
border-radius: 20%;
font-size:1.5em;
color:rgb(116, 19, 19);
}
iframe {
margin-top: 7px;
margin-bottom: 7px;
}
div {
text-align: justify;
text-justify: auto;
}
body {
font-family: 'Raleway', sans-serif;
}
nav ul a,
nav .brand-logo {
/* color: #a3333d; */
color: white;
font-size: 25px;
font-family: 'Satisfy', cursive;
}
h1.brand-logo {
color: #a3333d;
font-family: 'Satisfy', cursive;
}
.titoloml {
font-size: 25px;
text-align: left;
}
.titoloblockchain {
font-family: Garamond;
font-size: 20px;
color: blue;
font-style: italic;
}
.titolocnn {
font-size: 18px;
margin-bottom: 15px;
}
.testoml {
font-size: 20px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
line-height: 23px;
}
.classification {
height: 40px;
font-size: 20px;
padding-left: 10px !important;
padding-right: 10px !important;
padding-top: 5px !important;
text-align: center;
margin-top: 20px;
margin-left: 2%;
margin-right: 2%;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
color: rgb(15, 230, 15);
background-color: black;
margin-bottom: 30px !important;
position: relative;
}
.ml_graf {
margin-top: 15px;
margin-bottom: 15px;
}
.ml {
/* max-height: 3200px; */
padding-left: 10px !important;
padding-right: 10px !important;
margin-top: 20px;
margin-left: 2%;
margin-right: 2%;
border-radius: 5px;
/* box-shadow: 1px 5px 15px 0px black; */
color: white;
background-color: black;
margin-bottom: 30px !important;
position: relative;
-webkit-box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
-moz-box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
}
.mlFlex {
/* max-height: 3200px; */
gap: 30px;
flex: auto;
justify-content: space-evenly;
align-items: left;
align-content: space-evenly;
flex-flow: row wrap;
flex-wrap: wrap;
flex-grow:2;
height:auto;
padding:100px;
display:flex;
font-size: 25px;
line-height:50px;
padding-left: 10px !important;
padding-right: 10px !important;
margin-top: 20px;
margin-left: 2%;
margin-right: 2%;
border-radius: 5px;
/* box-shadow: 1px 5px 15px 0px black; */
color: white;
background-color: black;
margin-bottom: 30px !important;
position: relative;
-webkit-box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
-moz-box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
}
.blockchain {
font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
letter-spacing: .01rem !important;
font-weight: 400;
font-style: normal;
font-size: 21px !important;
line-height: 1.57em !important;
letter-spacing: -.003em !important;
padding-left: 5% !important;
padding-right: 10% !important;
line-height: 27px;
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
border-radius: 5px;
/* box-shadow: 1px 5px 15px 0px black; */
color: white;
background-color: black;
margin-bottom: 50px !important;
position: relative;
-webkit-box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
-moz-box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
}
.ml4 {
height: 420px;
padding-left: 10px !important;
padding-right: 10px !important;
margin-top: 20px;
margin-left: 2%;
margin-right: 2%;
border-radius: 5px;
/* box-shadow: 1px 5px 15px 0px black; */
color: white;
background-color: black;
margin-bottom: 30px !important;
position: relative;
-webkit-box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
-moz-box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
}
.mlnlp {
/* height: 420px; */
padding-left: 10px !important;
padding-right: 10px !important;
margin-top: 20px;
margin-left: 5%;
margin-right: 5%;
border-bottom-left-radius: 50px;
border-top-right-radius: 50px;
/* box-shadow: 1px 5px 15px 0px black; */
color: black;
background-color: rgb(240, 239, 239);
margin-bottom: 30px !important;
position: relative;
-webkit-box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
-moz-box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
}
.insert1 {
margin-left: 150px;
}
#tasto-bot {
top: 0px;
width: 20px;
height: 80px;
right: 700px;
padding: 10px;
background: black;
color: white;
border-radius: 85px;
display: none;
cursor: pointer;
position: fixed;
}
.tasto-ver::before,
.tasto-ver::after {
content: '';
width: 0;
height: 0;
border-style: solid;
position: fixed;
top: 1px;
z-index: 3;
}
.tasto-ver::after {
right: -38px;
border-width: 0 38px 25px 0;
border-color: transparent transparent rgb(4, 8, 255) transparent;
transform-origin: 0% 0%;
transform: rotate(180deg) translateY(-700%);
}
.tasto-ver::before {
right: -1px;
top: 9px;
border-width: 0 0 22px 39px;
position: fixed;
border-color: transparent transparent rgb(4, 8, 255) transparent;
}
.chaTab::after {
right: -19px;
border-width: 0 21px 25px 0;
border-color: transparent transparent #000 transparent;
}
.chaTab::before, .chaTab::after {
content: '';
width: 0;
height: 0;
border-style: solid;
position: absolute;
top: 1px;
}
.bot-contenitore {
position: fixed;
top: 99px;
transition: 0.1s all ease-in;
z-index: 2;
width: 0;
height: 30px;
right: 0;
}
.tasto-ver {
font-size: 21px !important;
writing-mode: tb-rl;
white-space: nowrap;
position: fixed;
top: 30px;
right: 0px;
width : auto !important;
transition: all 0.1s ease-in;
transform-origin: 0% 0%;
padding-top: 20px;
height: 121px !important;
padding-right: 3px;
padding-left: 3px;
background: rgb(4, 8, 255);
color: white;
border-top-left-radius: 0%;
border-top-right-radius: 0%;
border-bottom-left-radius: 0%;
border-bottom-right-radius: 0%;
cursor: pointer;
vertical-align: middle;
}
.tasto-app {
font-size: 21px !important;
/* writing-mode: tb-rl; scrittura verticale */
white-space: nowrap;
position: fixed;
top: 300px;
right: 0px;
height:37px;
width: 83px !important;
transform: skew(0,10deg);
transition: all 2.1s ease-in-out;
transform-origin: 0% 0%;
padding: 3px;
background: rgb(223, 10, 30);
color: white;
border-top-left-radius: 1%;
border-top-right-radius: 1%;
border-bottom-left-radius: 1%;
border-bottom-right-radius: 1%;
cursor: pointer;
vertical-align: middle;
z-index: 3;
}
.tasto-exe {
font-size: 21px !important;
/* writing-mode: tb-rl; scrittura verticale */
white-space: nowrap;
position: fixed;
top: 337px;
right: 0px;
height:37px;
width: 83px !important;
transform: skew(0,10deg);
transition: all 2.1s ease-in-out;
transform-origin: 0% 0%;
padding: 3px;
background: rgb(34, 161, 51);
color: white;
border-top-left-radius: 1%;
border-top-right-radius: 1%;
border-bottom-left-radius: 1%;
border-bottom-right-radius: 1%;
cursor: pointer;
vertical-align: middle;
z-index: 3;
}
.mecbar {
color: -moz-linear-gradient(144deg, rgba(196,0,0,1) 0%, rgba(0,0,0,1) 100%) !important; /* ff3.6+ */
color: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(196,0,0,1))) !important; /* safari4+,chrome */
color: -webkit-linear-gradient(144deg, rgba(196,0,0,1) 0%, rgba(0,0,0,1) 100%) !important; /* safari5.1+,chrome10+ */
color: -o-linear-gradient(144deg, rgba(196,0,0,1) 0%, rgba(0,0,0,1) 100%) !important; /* opera 11.10+ */
color: -ms-linear-gradient(144deg, rgba(196,0,0,1) 0%, rgba(0,0,0,1) 100%) !important; /* ie10+ */
color: linear-gradient(306deg, rgba(196,0,0,1) 0%, rgba(0,0,0,1) 100%) !important; /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#C40000',GradientType=1 ) ; /* ie6-9 */
}
.back-home_old{
background: -moz-linear-gradient(128deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 68%, rgba(0,0,0,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(32%, rgba(255,255,255,1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(128deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 68%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(128deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 68%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(128deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 68%, rgba(0,0,0,1) 100%); /* ie10+ */
background: -moz-linear-gradient(128deg, rgb(10, 1, 136) 5%, rgb(10, 25, 30) 10%, rgb(251, 173, 25) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
}
.back-home {
background: linear-gradient(128deg, rgb(10, 1, 136) 5%, rgb(10, 25, 30) 15%, rgb(251, 173, 25) 100%);
}
#my_botto {
height: 300px;
overflow: auto;
}
#my_botto1 {
height: 300px;
}
.xbot1 {
position: relative;
left: 65%;
color: red;
}
.send-bot {
padding-right: 5px;
}
#botwin {
overflow: auto;
width: 300px;
height: 200px;
position: fixed;
top: 80px;
right: 10px;
padding: 10px;
/*background: rgb(212, 209, 202);*/
background: rgb(119, 119, 119);
/* Old browsers */
background: -moz-linear-gradient(-45deg, rgb(119, 119, 119) 13%, rgb(89, 89, 89) 22%, rgb(44, 44, 44) 42%, rgb(43, 43, 43) 50%, rgb(0, 0, 0) 51%, rgb(102, 102, 102) 56%, rgb(17, 17, 17) 60%, rgb(71, 71, 71) 71%, rgb(19, 19, 19) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgb(119, 119, 119) 13%, rgb(89, 89, 89) 22%, rgb(44, 44, 44) 42%, rgb(43, 43, 43) 50%, rgb(0, 0, 0) 51%, rgb(102, 102, 102) 56%, rgb(17, 17, 17) 60%, rgb(71, 71, 71) 71%, rgb(19, 19, 19) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgb(119, 119, 119) 13%, rgb(89, 89, 89) 22%, rgb(44, 44, 44) 42%, rgb(43, 43, 43) 50%, rgb(0, 0, 0) 51%, rgb(102, 102, 102) 56%, rgb(17, 17, 17) 60%, rgb(71, 71, 71) 71%, rgb(19, 19, 19) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#131313', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
color: white;
border-radius: 15px;
display: none;
cursor: auto;
}
.classBot {
height: 200px !important;
width: 300px !important;
right: 40%;
background: linear-gradient(330deg, #050821, #2b37a5, #abab11) !important;
background-size: 100% 100% !important;
-webkit-animation: AnimationName 60s ease infinite !important;
-moz-animation: AnimationName 60s ease infinite !important;
animation: AnimationName 60s ease infinite !important;
}
@-webkit-keyframes AnimationName {
0% {
background-position: 0% 38%
}
50% {
background-position: 100% 63%
}
100% {
background-position: 0% 38%
}
}
@-moz-keyframes AnimationName {
0% {
background-position: 0% 38%
}
50% {
background-position: 100% 63%
}
100% {
background-position: 0% 48%
}
}
@keyframes AnimationName {
0% {
background-position: 0% 38%
}
50% {
background-position: 100% 63%
}
100% {
background-position: 0% 38%
}
}
.bot1 {
padding-left: 10px;
padding-right: 10px;
border-radius: 10px;
border-bottom: 6px solid rgb(251, 255, 0);
background-color: rgba(0, 47, 255, 0.788);
float: left;
margin-left: 1px;
margin-top: 10px;
font-size: 17px;
}
.output1 {
float: right;
margin-right: 11px;
font-size: 17px;
}
img {
vertical-align: text-bottom;
}
.flag {
float: right;
width: 25px;
height: 15px;
margin-right: 10px;
}
.ml1 {
height: 450px;
padding-left: 10px !important;
padding-right: 10px !important;
margin-top: 20px;
margin-left: 2%;
margin-right: 2%;
border-radius: 5px;
/* box-shadow: 1px 5px 15px 0px black; */
color: white;
background-color: black;
margin-bottom: 100px !important;
position: relative;
-webkit-box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
-moz-box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
}
#re {
margin-left: 2%;
font-size: 20px;
}
.class {
margin-top: 20px;
font-size: 20px;
text-align: center;
animation: fadein 12s !important;
-moz-animation: fadein 12s;
/* Firefox */
-webkit-animation: fadein 12s;
/* Safari and Chrome */
-o-animation: fadein 12s;
/* Opera */
-webkit-box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
-moz-box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes fadein {
/* Firefox */
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadein {
/* Safari and Chrome */
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes fadein {
/* Opera */
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.nav-wrapper {
padding-left: 2%;
padding-right: 2%;
}
p {
line-height: 3rem;
}
#tasto-su {
position: fixed;
bottom: 60px;
right: 0px;
padding: 10px;
background: black;
color: white;
border-radius: 5px;
display: none;
cursor: pointer;
z-index: 5;
}
.btn-large {
background-color: black;
color: white;
}
.btn-large:hover {
background-color: white;
color: black;
}
.button-collapse {
color: #f64740;
}
.parallax-container {
min-height: 420px;
line-height: 0;
height: auto;
color: #a3333d;
}
.parallax-container .section {
width: 100%;
}
@media only screen and (max-width: 992px) {
.parallax-container .section {
position: absolute;
top: 40%;
}
#index-banner .section {
top: 10%;
}
}
@media only screen and (max-width: 600px) {
#index-banner .section {
top: 0;
}
}
/* For mobile phones: */
[class="video2"] {
width: 100%;
}
@media only screen and (max-width: 600px) {
.video1 {
top: 0;
}
}
.icon-block {
padding: 4% 7% 4% 7%;
}
.icon-block .material-icons {
font-size: inherit;
}
footer.page-footer {
margin: 0;
clear: both;
}
/*********** social *******/
.social-icon {
font-size: 1.5em;
color: blue;
text-align: center;
padding: 0% 1% 0% 1%;
}
.social-icon :hover {
color: red;
}
.icon-block :hover {
font-size: 2em;
color: red;
}
.center {
text-align: center;
}
.rowcenter {
margin-top: 35px;
margin-bottom: 15px;
padding-top: 30px;
padding-bottom: 10px;
height: 100px;
color: white;
font-size: 2em;
line-height: 30px;
background-color: #C42929;
text-align: center;
background-image: linear-gradient( to top right, black, #c42929);
}
.section1 {
background-color: #F79D65;
height: 200px;
}
/**** amgular ***************/
.angular {
background-color: lightgreen;
font-family: 'Satisfy', cursive;
}
.angular2 {
background-color: whitesmoke;
font-size: 2em;
font-family: 'Satisfy', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
table,
th,
td {
border: 1px solid black;
border-collapse: collapse;
font-size: 1em;
font-family: 'Satisfy', sans-serif;
}
.button {
background-color: orangered;
/* blue */
border: none;
color: white;
padding: 8px 80px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 23px;
margin: 4px 2px;
cursor: pointer;
}
.button:hover {
box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.button2 {
background-color: rgb(255, 255, 255);
border-radius: 25px;
border: 3px solid black;
color: rgb(238, 15, 15);
padding: 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 15px;
margin: 10px 10px;
cursor: pointer;
}
.button2:hover {
box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
#elenco {
display: none;
}
.text {
color: blue;
text-align: center;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.grid_ang {
font-family: 'Satisfy', cursive;
}
/* Repeat 6 1fr rows named "row" and 6 1fr columns named "col" */
.grid-container {
display: grid;
grid-template: repeat(6, [row] 1fr) / repeat(6, [col] 1fr);
grid-gap: 20px;
}
.item-1 {
grid-column: col 1 / span 3;
grid-row: row 1 / span 2;
z-index: 3;
background-color: tomato;
color: black;
}
.item-2 {
grid-column: col 3 / span 4;
grid-row: row 2 / span 3;
z-index: 3;
background-color: black;
color: antiquewhite;
}
.item-3 {
grid-column: col 5 / span 2;
grid-row: row 1 / span 5;
z-index: 3;
}
.item-4 {
grid-column: col 2;
grid-row: row 2 / span 4;
z-index: 2;
}
.item-5 {
grid-column: col 1 / span 3;
grid-row: row 4 / span 3;
z-index: 1;
background-color: #FFC857;
color: black;
}
.item-6 {
grid-column: col 4 / span 3;
grid-row: row 5 / span 2;
z-index: 4;
background-color: #AE4B5F;
color: whitesmoke;
}
.spazio1999 {
margin-top: 40px;
}
.spazioimg {
margin-top: 80px;
}
.spazio2001 {
margin-top: 20px;
margin-bottom: 20px;
}
.spazio-bottom {
margin-bottom: 15px !important;
}
.spazio2000 {
height: 40px;
width: 100%;
}
.spazio2050 {
margin-top: 10%;
}
.spazio2051 {
margin-top: 2%;
}
/* blog */
.blog {
overflow: hidden;
max-height: 11500px;
}
.blog-images {
margin-top: 20px;
margin-bottom: 10px;
}
#blog-row {
max-height: 1350px;
width: 96%;
}
.blog2 {
margin-bottom: 20px;
}
.blog-principal {
height: 2250px;
padding-left: 10px !important;
padding-right: 10px !important;
margin-top: 50px;
margin-left: 2%;
margin-right: 2%;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 100px !important;
}
.blog-principal1 {
height: 6000px;
padding-left: 10px !important;
padding-right: 10px !important;
margin-top: 50px;
margin-left: 2%;
margin-right: 2%;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 100px !important;
position: relative;
top: 0px;
right: 430px;
}
.blog-principal2 {
height: 3500px;
padding-left: 10px !important;
padding-right: 10px !important;
margin-top: 20px;
margin-right: 2%;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 100px !important;
position: relative;
top: -580px;
right: 430px;
}
.blog-principale {
height: 700px;
padding-left: 10px !important;
padding-right: 10px !important;
margin-top: 50px;
margin-left: 1%;
margin-right: 1%;
border-radius: 0px;
box-shadow: 1px 1px 1px 1px black;
margin-bottom: 100px !important;
}
.blog-mobile {
height: 3200px;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 50px !important;
}
.blog-mobile-hor {
height: 2500px;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 50px !important;
}
.blog-mobile0 {
height: 15000px;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 50px !important;
}
.blog-mobile1 {
height: 10000px;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 50px !important;
}
.blog-mobile2 {
height: 4500px;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 50px !important;
}
.blog-mobile1-hor {
height: 10000px;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 50px !important;
}
.blog-mobile2-hor {
height: 3500px;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 50px !important;
}
.blog-principale1 {
height: 5200px;
padding-left: 10px !important;
padding-right: 10px !important;
margin-top: 50px;
margin-left: 12%;
margin-right: 12%;
border-radius: 55px;
box-shadow: -10px 1px 71px 0px black, 11px 12px 17px 10px #131212;
margin-bottom: 100px !important;
}
.blog-principale2 {
height: 3800px;
padding-left: 10px !important;
padding-right: 10px !important;
margin-top: 50px;
margin-left: 12%;
margin-right: 12%;
border-radius: 0 55px 0 55px;
box-shadow: -10px 1px 71px 0px black, 11px 12px 17px 10px #131212;
margin-bottom: 100px !important;
}
ul.uno li {
list-style-type: disc !important;
list-style-position: inside;
padding-left: 30px;
}
ul.due li {
list-style-type: circle !important;
list-style-position: inside;
padding-left: 50px;
}
.blog-img-principale {
text-align: center;
background-size: 100%;
height: 130px;
padding-left: 0% !important;
padding-right: 0% !important;
background-position: top;
margin-top: 10px;
margin-bottom: 0%;
background-repeat: no-repeat;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all.5s ease;
transition: all .5s cubic-bezier(.77, 0, .18, 1);
}
.blog-img-max {
text-align: center;
background-size: 40%;
height: 150px;
padding-left: 0% !important;
padding-right: 0% !important;
background-position: top;
margin-top: 10px;
margin-bottom: 0%;
background-repeat: no-repeat;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all.5s ease;
transition: all .5s cubic-bezier(.77, 0, .18, 1);
}
.blog-img-principale:hover {
background-size: 105%;
overflow: hidden;
}
.blog-titolo {
margin-top: 30px;
font-size: 30px;
margin-bottom: 15px;
text-align: center;
color: #39668f !important;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all.2s ease;
transition: all .3s ease;
}
.blog-titolo2 {
margin-left: 10%;
margin-right: 10%;
}
.blog-titolo:hover {
opacity: 0.3;
}
.blog-secondo {
height: 770px;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 50px !important;
}
.blog-second {
height: 700px;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 50px !important;
}
.blog-box-mini {
width: 32%;
height: 360px;
}
.box-blog1 {
max-height: 6300px !important;
overflow: hidden;
}
.img-space {
height: 150px;
}
.img-space-max {
height: 150px;
}
h3 {
margin: 5px;
font-size: 1.3rem;
}
h4 {
font-size: 1.2rem;
}
#change-blog1 {
max-height: 9000px;
}
.terminal {
margin-top: 2px;
margin-bottom: 2px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
color: white;
line-height: 30px;
background-color: black;
border-radius: 5px;
}
.terminal2 {
margin-top: 2px;
margin-bottom: 2px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
color: white;
line-height: 30px;
background-color: rgb(67, 28, 110);
border-radius: 5px;
}
.terminal3 {
padding-bottom: 15px;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 32px;
margin-top: 25px;
color: white;
line-height: 10px;
background-color: black;
border-radius: 5px;
width: 90%;
}
.terminal3 p {
line-height: 2rem;
padding-bottom: 15px;
}
.blog-mini1 {
height: 700px;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 50px !important;
position: relative;
top: 50px;
}
.blog-mini11 {
height: 700px;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 50px !important;
position: relative;
top: 50px;
left: 850px;
right:1%;
padding-left: 2%;
padding-right: 2%;
overflow:hidden;
}
.blog-mini111 {
height: 700px;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 50px !important;
position: relative;
top: 150px;
left: 870px;
padding-left: 2%;
padding-right: 2%;
overflow: hidden;
}
.blog-mini2 {
height: 700px;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 10px !important;
position: relative;
top: 50px;
overflow: hidden;
}
.blog-mini222 {
height: 700px;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 10px !important;
position: relative;
top: -5000px;
left: 850px;
overflow: hidden;
padding-right: 2%;
padding-left: 2%;
}
.blog-mini22 {
height: 700px;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 10px !important;
position: relative;
top: 1000px;
left: 435px;
padding-left: 2%;
padding-right: 2%;
overflow: hidden;
}
.blog-mini22::after {
display: none;
clear: both;
}
.blog-img-secondario {
text-align: center;
background-size: 100%;
height: 180px;
background-position: top;
margin-top: 10px;
margin-bottom: 0px;
background-repeat: no-repeat;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all.5s ease;
transition: all .5s cubic-bezier(.77, 0, .18, 1);
}
.blog-img-secondario1 {
text-align: center;
background-size: 300px;
height: 180px;
background-position: top;
margin-top: 10px;
margin-bottom: 0px;
background-repeat: no-repeat;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all.5s ease;
transition: all .5s cubic-bezier(.77, 0, .18, 1);
}
/*.blog-img-secondario:hover {
background-size: 105%;
overflow: hidden;
}
*/
.ml20 {
height: 300px;
padding-left: 10px !important;
padding-right: 10px !important;
margin-top: 50px;
margin-left: 2%;
margin-right: 2%;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 50px !important;
background-color: white;
}
#ml1:hover {
transform: scale(1.02, 1.02);
overflow: hidden;
}
#python1:hover {
transform: scale(1.02, 1.02);
overflow: hidden;
}
#ngx1:hover,
#ngx2:hover,
#ngx3:hover {
transform: scale(1.05, 1.05);
overflow: hidden;
}
#vm-images:hover {
transform: scale(1.01, 1.10);
overflow: hidden;
}
.class-btn-chiudi {
margin-top: 7px;
margin-bottom: 7px;
color: white;
background-color: #cc1140d2;
font-size: 1rem;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: .3s ease-out;
border-radius: 19px;
border: solid 1px grey;
}
.class-btn-chiudi:hover {
color: #cc1140d2;
background-color: white;
}
.blog-img-secondario-django {
text-align: center;
background-size: 100%;
height: 180px;
background-position: top;
margin-top: 10px;
margin-bottom: 0px;
background-repeat: no-repeat;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all.5s ease;
transition: all .5s cubic-bezier(.77, 0, .18, 1);
}
.blog-img-secondario-django:hover {
overflow: hidden;
transform: scale(1.03, 1.03);
}
#blog-espandi-vm,
#blog-btn-espandi,
#blog-btn-espandi2 {
display: none;
}
#blog-btn-espandi1,
#blog-btn-espandi-mini1,
#blog-btn-espandi-mini2 {
display: none;
}
.blog-btn-espandi,
.blog-btn-espandi1,
.blog-btn-espandi-mini1,
.blog-btn-chiudi-mini1,
.blog-btn-espandi-mini2,
.blog-btn-chiudi-mini2,
.blog-btn-chiudi1,
.blog-btn-chiudi {
max-width: 100px;
margin-top: 7px;
margin-bottom: 7px;
padding-left: 5px;
padding-right: 5px;
color: white;
text-align: center;
background-color: #0277bd;
font-size: 1rem;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: .3s ease-out;
border-radius: 19px;
border: solid 1px grey;
}
.bot-btn-chiudi,
.bot-btn-espandi {
max-width: 180px;
margin-top: 7px;
margin-bottom: 7px;
padding-left: 5px;
padding-right: 5px;
color: white;
text-align: center;
background-color: #0277bd;
font-size: 1rem;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: .3s ease-out;
border-radius: 19px;
border: solid 1px grey;
}
.blog-btn-espandi-mini1:hover,
.blog-btn-chiudi-mini1:hover,
.blog-btn-espandi-mini2:hover,
.blog-btn-chiudi-mini2:hover .blog-btn-espandi1:hover,
.blog-btn-chiudi1:hover,
.blog-btn-espandi:hover,
.blog-btn-chiudi:hover {
color: #0277bd;
background-color: white;
}
.blog-btn-espandi:focus,
.blog-btn-chiudi:focus {
color: black;
background-color: white;
}
.caratter-text {
font-size: 17px;
line-height: 22px;
margin-top: 5px;
margin-bottom: 5px;
}
.contenitore {
margin-left: 5px;
margin-right: 5px;
}
.ts {
height:350px;
background-color:white;
font-size:20px;width: 100%
}
@media only screen and (min-width:50px) and (max-width: 600px) {
#gira1, #gira2, #gira3 {
display: none;
}
.backo {
padding:50px;
}
.varie {
display: block;
height:auto;
}
.blog-q {
font-size: 10px;
vertical-align: middle;
padding:1%;
}
.blog-q a {
vertical-align: middle;
}
.blog-q0 a,
.blog-q2 a,
.blog-q1 a,
.blog-q3 a, .blog-q33 a,
.blog-q22 a ,.blog-q000 a,
.blog-q00 a
{
font-size: 14px !important;
}
.textblog {
text-align: center;
}
#frame {
display: block !important;
margin:10px;
height: auto !important;
}
#pillole {
display: block !important;
margin:20%;
height: auto !important;
}
.pillolepy2 a {
font-size: 17px !important;
}
.mini {
font-size: 15px !important;
max-width:100%;
}
.boxGo {
display: block !important;
height:auto;
}
.boxGo div a {
font-size:25px;
}
.boxGet {
display: block !important;
}
.tasto-app {
display: None !important;
}
.titolo, .titolo2 {
font-size: 16px;
}
.tbox13 {
grid-template-columns: 5% 90% auto;
}
.excel {
grid-template-columns: auto;
}
.ts {
height:auto;
}
.testo ,.model77, .dot, .quad,
.model,.model3,.model5,.model8,
.model2,.model4,.model6,.model7,.model-q3,
.grover {
text-align:left;
line-height: 17px;
font-size: 13px;
margin: 3%;
padding: 3%;
}
.teleport3 {
font-size: 20px;
line-height: 23px;
text-align: center;
}
img {
width: 100%;
max-width: 500px;
height: auto;
}
canvas {
width: 100%;
}
body {
overflow-x: hidden;
}
.titolo-gate {
font-size: 20px;
}
.testata {
font-size: 25px !important;
}
.logit {
padding: 0px!important;
margin-left: 0px!important;
margin-right: 0px!important;
}
.blocco {
padding-left: 10px!important;
}
.classBot {
right: 2% !important;
}
.ml {
height: 450px;
}
.ml1 {
height: 450px;
}
.ml4 {
height: 680px;
}
#blog-row {
max-height: 30000px;
}
#dev {
font-size: 1.5em !important;
}
.box-blog1 {
/* max-height: 9300px !important;*/
overflow: hidden;
height:auto;
}
.blog2 {
height: 2000px;
}
.blog-titolo {
font-size: 20px;
}
.blog-titolo2 {
margin-left: 0px;
margin-right: 0px;
width: 100% !important;
}
.logistic-titolo {
font-size: 18px !important;
}
.caratter-text2 {
font-size: 15px ! important;
}
.blog-second {
height: 900px;
}
#change-blog1 {
max-height: 11500px;
}
.blog {
max-height: 18000px;
}
.blog-mobile0 {
height: 3200px !important;
}
.blog-mobile1 {
height: 11500px !important;
}
.blog-mobile2 {
height: 4500px;
}
.blog-principale {
height: 1100px !important;
}
.spazioimg {
height: 180px !important;
margin-top: 15px;
}
.blog-img-principale {
height: 950px;
}
.blog-principale2 {
height: 5600px;
width: 81%;
}
.blog-principale1 {
height: 6500px;
width: 77%;
}
.titolocnn {
font-size: 13px;
text-align: left !important;
}
#canv2,
#canv2_2 {
width: 100px;
height: 100px;
}
#ngx1,
#ngx2,
#ngx3 {
height: 50px;
}
.tasto-ver{
width: 32px !important;
}
#tasto-ver::before {
border-width: 0 0 22px 34px;
}
#tasto-ver::after {
border-width: 0 35px 18px 0;
top: 43px;
}
.blog-btn-chiudi, .blog-btn-espandi {
margin-left: 10px;
}
}
@media only screen and (min-width: 601px) and (max-width: 767px) {
body {
overflow-x: hidden;
}
/* CSS rules here */
.logistic-titolo {
font-size: 18px;
}
.caratter-text2 {
font-size: 15px;
}
.ml {
height: 300px;
}
.ml1 {
height: 450px;
}
.ml4 {
height: 600px;
}
.blog2 {
height: 1400px;
}
.blog-second {
height: 730px;
}
.blog-mobile2 {
height: 3000px;
}
#change-blog1 {
max-height: 8000px;
}
.blog {
height: 900px;
max-height: 18000px;
}
.blog-img-secondario {
height: 230px;
}
.blog-principale {
height: 1200px;
}
.blog-principale2 {
height: 4500px;
width: 81%;
}
.blog-principale1 {
height: 5800px;
width: 77%;
}
.titolocnn {
font-size: 13px;
}
#canv2,
#canv2_2 {
width: 100px;
height: 100px;
}
#ngx1,
#ngx2,
#ngx3 {
height: 120px;
}
}
/* @media only screen and (min-width:769px) and (max-width: 1400px) {
body {
overflow-x: hidden;
}
.ml {
height: 250px;
}
.ml1 {
height: 320px;
}
.ml4 {
height: 400px;
}
.blog2 {
height: 1500px;
}
.blog-titolo2 {
margin-left: 0px;
}
#change-blog1 {
max-height: 5000px;
}
.blog {
max-height: 18000px;
}
.blog-principale {
height: 900px;
}
.spazioimg {
height: 180px !important;
margin-top: 15px;
}
.blog-principale2 {
height: 3800px;
width: 81%;
}
.blog-principale1 {
height: 5400px;
width: 81%;
}
.blog-mobile0 {
height: 2400px;
}
.blog-mobile2 {
height: 3500px;
}
.titolocnn {
font-size: 13px;
}
#canv2,
#canv2_2 {
width: 100px;
height: 100px;
}
#ngx1,
#ngx2,
#ngx3 {
height: 150px;
}
}
/* progetto banka */
.blocco {
font-size: 20px;
padding-top: 20px !important;
padding-bottom: 20px !important;
padding-left: 30px;
padding-right: 30px;
}
.graph {
text-align: center;
height: 400px;
padding-top: 40px !important;
padding-bottom: 40px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
.graph:hover {
text-align: center;
height: 400px;
width: 100%;
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
box-shadow: 1px 5px 15px 0px #131212;
}
.mat1 {
font-size: 10px;
}
.caratter-text2 {
font-size: 20px;
line-height: 25px;
margin-top: 25px;
margin-bottom: 25px;
text-justify: auto;
}
.logit {
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
margin-bottom: 50px !important;
position: relative;
padding-left: 40px;
padding-right: 40px;
margin: 10px;
margin-top: 50px;
text-justify: auto;
}
.logistic-titolo {
color: rgb(17, 238, 17);
background-color: rgb(0, 0, 8);
font-size: 25px;
margin-bottom: 40px;
margin-top: 0px;
}
.pos {
float: right !important;
}
.pos2 {
float: left !important;
}
.posmenu {
position: relative;
margin-top: 5px;
}
.pospy {
top:45px;
line-height: 15px;
font-size: 15px;
}
.posse {
position: fixed !important;
}
.my_menu.fixed {
position: fixed;
}
.my_menu li {
padding: 2px 0;
height:20px;
}
.my_menu a {
margin-bottom: 5px;
display: inline-block;
font-weight: 300;
color: #3b22c9;
padding-left: 15px;
height: 20px;
line-height: 18px;
letter-spacing: .5px;
position: relative;
}
.my_menu li a {
line-height: 18px;
font-size: 15px;;
}
.my_menu a:hover {
color: #ffffff;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
background-color:black;
border-left: 10px solid #f5e50d;
box-sizing: border-box;
width:auto;
height:auto;
border-radius: 20px;
font-size: 20px;
}
.my_menu a.active {
font-weight: 500;
border-radius: 5px;
box-shadow: 1px 5px 15px 0px black;
color: #ffffff;
padding-left: 15px;
padding-right: 15px;
background-color: #9e0404f6;
}
#cookie-law {
margin-top: 10px;
margin-left: 30px;
margin-right: 100px;
background-color: black;
color: white;
font-size: 17px;
padding-left: 30px;
padding-right: 30px;
border-radius: 35px;
}
.block3 {
margin-top: 0px;
margin-bottom: 20px;
text-align: center;
}
.block2 {
padding-top: 70px;
position: relative;
overflow-x: auto;
overflow-y: hidden;
height: 120px;
width: 100%;
background-color: #fff;
margin: 0 auto;
white-space: nowrap;
color:#7e0606f6;
font-size: 40px;
text-align: center;
}
.tabs {
position: relative;
overflow-x: auto;
overflow-y: hidden;
height: 48px;
width: 100%;
background-color: #fff;
margin: 0 auto;
white-space: nowrap;
}
.tabs.tabs-transparent {
background-color: transparent;
}
.tabs.tabs-transparent .tab a,
.tabs.tabs-transparent .tab.disabled a,
.tabs.tabs-transparent .tab.disabled a:hover {
color: rgba(255, 255, 255, 0.7);
}
.tabs.tabs-transparent .tab a:hover {
color :#131212;
}
.tabs.tabs-transparent .tab a.active {
color: #fff;
}
.tabs.tabs-transparent .indicator {
background-color: #fff;
}
.tabs.tabs-fixed-width {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tabs.tabs-fixed-width .tab {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tabs .tab {
display: inline-block;
text-align: center;
line-height: 48px;
height: 48px;
padding: 0;
margin: 0;
text-transform: uppercase;
}
.tabs .tab a {
color: rgba(15, 12, 202, 0.87);
display: block;
width: 100%;
height: 100%;
padding: 0 24px;
font-size: 17px;
text-overflow: ellipsis;
overflow: hidden;
transition: color .28s ease;
}
.tabs .tab a:hover,
.tabs .tab a.active {
background-color: transparent;
color: #d41016;
}
.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
color: rgba(228, 17, 24, 0.7);
cursor: default;
}
.tabs .indicator {
position: absolute;
bottom: 0;
height: 2px;
background-color: #f6b2b5;
will-change: left, right;
}
#swipe12, #swipe22, #swipe32, #swipe42 ,#swipe52 {
display : none;
}
#hyper1, #hyper2, #hyper3, #hyper4 ,#hyper5 {
display : none;
}
#win1, #win2,#win3, #win4, #win5, #win6 {
display : none;
position: relative;
/*top:600px; */
margin-top:20px;
padding-top: 20px;
padding-left: 20px;
width: 900px;
height: 500px;
left:100px;
border-radius: 10px;
background-color:black;
color: whitesmoke;
}
.terminal3 b, #win1 p,#win1 p, #win2 p,#win3 p, #win4 p , #win5 p, #win6 p {
line-height: 20px;
font-size: 20px;
}
.openWin {
max-width: 180px;
/*margin-top: 17px;
margin-bottom: 7px;
*/
padding: 5px;
margin-left:90px;
color: black;
text-align: center;
background-color: white;
font-size: 1rem;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: .3s ease-out;
border-radius: 19px;
border: solid 1px grey;
}
.closeWin {
max-width: 180px;
margin-top: 50px;
margin-bottom: 7px;
padding-left: 5px;
padding-right: 5px;
color: black;
text-align: center;
background-color: white;
font-size: 1rem;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: .3s ease-out;
border-radius: 19px;
border: solid 1px grey;
}
.closeWin:hover, .openWin:hover {
background-color: #000;
color: white;
}
.back2 {
background: -moz-linear-gradient(-45deg, rgba(255,175,75,1) 0%, rgba(255,165,52,1) 35%, rgba(255,155,29,0.55) 70%, rgba(255,146,10,0.55) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,175,75,1) 0%,rgba(255,165,52,1) 35%,rgba(255,155,29,0.55) 70%,rgba(255,146,10,0.55) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,175,75,1) 0%,rgba(255,165,52,1) 35%,rgba(255,155,29,0.55) 70%,rgba(255,146,10,0.55) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#8cff920a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.back3 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#153c69+0,1b5e95+36,16548a+55,2585cf+100 */
background: rgb(21,60,105); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(21,60,105,1) 0%, rgba(27,94,149,1) 36%, rgba(22,84,138,1) 55%, rgba(37,133,207,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(21,60,105,1) 0%,rgba(27,94,149,1) 36%,rgba(22,84,138,1) 55%,rgba(37,133,207,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(21,60,105,1) 0%,rgba(27,94,149,1) 36%,rgba(22,84,138,1) 55%,rgba(37,133,207,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153c69', endColorstr='#2585cf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.back4 {
background: rgb(206,220,231);
background: -moz-radial-gradient(center, ellipse cover, rgba(206,220,231,1) 0%, rgba(206,220,231,1) 2%, rgba(206,220,231,1) 19%, rgba(89,106,114,1) 30%, rgba(206,220,231,1) 54%, rgba(89,106,114,1) 73%, rgba(89,106,114,1) 83%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(206,220,231,1) 0%,rgba(206,220,231,1) 2%,rgba(206,220,231,1) 19%,rgba(89,106,114,1) 30%,rgba(206,220,231,1) 54%,rgba(89,106,114,1) 73%,rgba(89,106,114,1) 83%);
background: radial-gradient(ellipse at center, rgba(206,220,231,1) 0%,rgba(206,220,231,1) 2%,rgba(206,220,231,1) 19%,rgba(89,106,114,1) 30%,rgba(206,220,231,1) 54%,rgba(89,106,114,1) 73%,rgba(89,106,114,1) 83%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=1 );
}
.blk-border {
border-bottom-width: 2px;
border-color: #000;
border-top-width: 1px;
border-bottom-style: solid;
border-top-style: solid;
}
.blk-border2 {
border-bottom-width: 2px;
border-color: #000;
border-left-width: 2px;
border-bottom-style: solid;
border-left-style: solid;
}
.blk-borderw {
border-bottom-width: 2px;
border-color: white;
border-left-width: 2px;
border-bottom-style: solid;
border-left-style: solid;
}
.box-b6 {
/* max-height: 3200px; */
padding-left: 10px !important;
padding-right: 10px !important;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
border-radius: 5px;
/* box-shadow: 1px 5px 15px 0px black; */
color: white;
background-color:black;
margin-bottom: 20px !important;
position: relative;
overflow: hidden;
-webkit-box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
-moz-box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
box-shadow: 15px -10px 12px -4px rgba(89, 89, 89, 0.92);
}
img.test {
/*clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);*/
clip-path: polygon(8.39% 0.00%, 100% 50%, 96.13% 104.39%, -8.39% 108.54%);
shape-outside: polygon(98.27% 34.49%, 101.45% 103.15%, 0.25% 103.5%, -1.63% -0.5%);
float: left;
margin:8px;
}
img.hyper_foto {
clip-path: polygon(38.75% 3.11%, 69.5% 12.67%, 63.00% 72.44%, 5.75% 53.56%);
/* clip-path: circle(76px at 49.75% 36.72%);*/
shape-outside: polygon(22% -3.56%, 81.25% 4.66%, 74.00% 79.99%, 5.75% 53.56%);
float: left;
}
img.org1 {
shape-outside: polygon(-0.2% -0.56%, 102.07% 0.16%, 101.92% 98.99%, 0.26% 97.56%);
float: left;
margin-top:20px;
margin-right:20px;
margin-left: -40px;
}
img.org2 {
shape-outside: polygon(8.12% 0.34%, 10% 101.02%, 0.06% 99.85%, 0.38% 42.45%);
float: right;
margin-left: 18px;
margin-top: 18px;
margin-right: -80px;
}
img.msp {
shape-outside: polygon(1.17% 1.16%, 25.25% 105.64%, 0.06% 99.85%, 5.59% 18.54%);
float: right;
margin-left: 18px;
margin-top: 18px;
margin-right: -80px;
}
img.solidity {
shape-outside: polygon(67.04% -2.15%, 100.84% 24.75%, 92.18% 52.61%, 99.58% 100.64%);
float: left;
}
img.ethereum {
shape-outside: polygon(28.33% 17.27%, 95.92% 60.5%, 26.01% 89.16%, 5.08% 43.56%);
}
img.consensus {
shape-outside: polygon(67.04% -2.15%, 100.84% 24.75%, 92.18% 52.61%, 99.58% 100.64%);
float: left;
margin-left: -80px;
}
img.org3 {
shape-outside:polygon(16.49% -2.44%, 1.71% 83.07%, 18.11% 103.16%, 2.45% 15.27%);
float: right;
margin-left: 70px;
margin-right: -90px;
}