commit practical vision
parent
44e9943b46
commit
8cbe67001a
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 577 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 578 KiB |
@ -1,22 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
@page{
|
|
||||||
size:A4;
|
|
||||||
background-color:lightgrey;
|
|
||||||
margin:10mm;
|
|
||||||
}
|
|
||||||
.JJ{
|
|
||||||
color:red;
|
|
||||||
}
|
|
||||||
.VB,
|
|
||||||
.VBG{
|
|
||||||
color:magenta;
|
|
||||||
}
|
|
||||||
.NN,
|
|
||||||
.NNP{
|
|
||||||
color:green;
|
|
||||||
}
|
|
||||||
.EX{
|
|
||||||
color: blue;
|
|
||||||
}
|
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
@ -0,0 +1,8 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" type="text/css" href="manifesto.css">
|
||||||
|
<title>TEXT AS IMAGE</title>
|
||||||
|
|
||||||
|
<link rel="icon" href="liquid.png" type="image/png"/>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
@ -0,0 +1,335 @@
|
|||||||
|
/*-- SCREEN */
|
||||||
|
|
||||||
|
@media screen {
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: wfdtf;
|
||||||
|
src: url(Fonts/wftfs-Regular.otf)
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: EBGaramond;
|
||||||
|
src: url(Fonts/EBGaramond-Italic.ttf)
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom {
|
||||||
|
margin: 0mm;
|
||||||
|
color: black;
|
||||||
|
font-family: monospace;
|
||||||
|
font-size: 9pt;
|
||||||
|
text-justify: inter-word;
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-image: url("Imageresearch/PP1.blue.png");
|
||||||
|
min-height: 500px;
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
|
||||||
|
margin: 5mm;
|
||||||
|
color: black;
|
||||||
|
font-family: monospace;
|
||||||
|
font-size: 9pt;
|
||||||
|
text-justify: inter-word;
|
||||||
|
columns: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: sans-serif;
|
||||||
|
color: black;
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bio {
|
||||||
|
color: blue;
|
||||||
|
font-size: 7pt;
|
||||||
|
columns: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dida {
|
||||||
|
color: blue;
|
||||||
|
font-size: 10pt;
|
||||||
|
font-family: EBGaramond;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dida2 {
|
||||||
|
color: black;
|
||||||
|
font-size: 10pt;
|
||||||
|
background: white;
|
||||||
|
font-family: EBGaramond;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link {
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
.symbol {
|
||||||
|
font-family: wfdtf;
|
||||||
|
color: blue;
|
||||||
|
font-size: 10pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo{
|
||||||
|
position: bottom;
|
||||||
|
color:blue;
|
||||||
|
font-family: wfdtf;
|
||||||
|
font-size: 31pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
img{
|
||||||
|
padding: 0;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="place"] {
|
||||||
|
border: 0px solid;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="yourname"] {
|
||||||
|
border: 0px solid;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="people"] {
|
||||||
|
border: 0px solid;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="mission"] {
|
||||||
|
border: 0px solid;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="friend"] {
|
||||||
|
border: 0px solid;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="what"] {
|
||||||
|
border: 0px solid;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="study"] {
|
||||||
|
border: 0px solid;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="language"] {
|
||||||
|
border: 0px solid;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footnotes{
|
||||||
|
color: black;
|
||||||
|
font-size: 7pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*-- PRINT */
|
||||||
|
|
||||||
|
@page {
|
||||||
|
size: 297mm, 420mm;
|
||||||
|
margin-left: 20mm;
|
||||||
|
margin-right: 5mm;
|
||||||
|
margin-top: 5mm;
|
||||||
|
margin-bottom: 5mm;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
@font-face {
|
||||||
|
font-family: wfdtf;
|
||||||
|
src: url(Fonts/wftfs-Regular.otf)
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: EBGaramond;
|
||||||
|
src: url(Fonts/EBGaramond-Italic.ttf)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
p1 {
|
||||||
|
page-break-before: always;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom {
|
||||||
|
margin: 0mm;
|
||||||
|
color: black;
|
||||||
|
font-family: monospace;
|
||||||
|
font-size: 9pt;
|
||||||
|
text-justify: inter-word;
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-image: url("Imageresearch/PP1.blue.png");
|
||||||
|
min-height: 500px;
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
|
||||||
|
margin: 0mm;
|
||||||
|
color: black;
|
||||||
|
font-family: monospace;
|
||||||
|
font-size: 9pt;
|
||||||
|
text-justify: inter-word;
|
||||||
|
columns: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: sans-serif;
|
||||||
|
color: black;
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bio {
|
||||||
|
color: blue;
|
||||||
|
font-size: 7pt;
|
||||||
|
columns: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
img{
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto
|
||||||
|
}
|
||||||
|
|
||||||
|
.dida {
|
||||||
|
color: blue;
|
||||||
|
font-size: 10pt;
|
||||||
|
font-family: EBGaramond;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link {
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo{
|
||||||
|
position: bottom;
|
||||||
|
color:blue;
|
||||||
|
font-family: wfdtf;
|
||||||
|
font-size: 50pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="place"] {
|
||||||
|
border: 0px solid;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="yourname"] {
|
||||||
|
border: 0px solid;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="people"] {
|
||||||
|
border: 0px solid;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="mission"] {
|
||||||
|
border: 0px solid;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="friend"] {
|
||||||
|
border: 0px solid;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="what"] {
|
||||||
|
border: 0px solid;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="study"] {
|
||||||
|
border: 0px solid;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="language"] {
|
||||||
|
border: 0px solid;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footnotes{
|
||||||
|
color: black;
|
||||||
|
font-size: 7pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dida2 {
|
||||||
|
color: black;
|
||||||
|
font-size: 10pt;
|
||||||
|
font-family: EBGaramond;
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rotate {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
transform-origin: left bottom 5px;
|
||||||
|
float: left;
|
||||||
|
position:fixed;
|
||||||
|
color: blue;
|
||||||
|
font-size: 10pt;
|
||||||
|
font-family: EBGaramond;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
margin: 40px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside h3 {
|
||||||
|
font-family: EBGaramond;
|
||||||
|
text-transform: uppercase;
|
||||||
|
background: #369;
|
||||||
|
color: blue;
|
||||||
|
font-size: 10pt;
|
||||||
|
line-height: 24px;
|
||||||
|
|
||||||
|
/* Abs positioning makes it not take up vert space */
|
||||||
|
position: absolute;
|
||||||
|
top: -1000px;
|
||||||
|
left: 0;
|
||||||
|
|
||||||
|
/* Border is the new background */
|
||||||
|
background: none;
|
||||||
|
|
||||||
|
/* Rotate from top left corner (not default) */
|
||||||
|
transform-origin: 0 0;
|
||||||
|
transform: rotate(-90deg)
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 83 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 158 KiB After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 100 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 65 KiB After Width: | Height: | Size: 41 KiB |
@ -1,29 +0,0 @@
|
|||||||
var prova = document.getElementById("prova2");
|
|
||||||
let provaBez = prova.getBoundingClientRect();
|
|
||||||
|
|
||||||
var prova2 = document.getElementById("prova");
|
|
||||||
let provaBez2 = prova2.getBoundingClientRect();
|
|
||||||
|
|
||||||
let x1 = provaBez.left;
|
|
||||||
let y1 = provaBez.top;
|
|
||||||
let x2 = provaBez2.left;
|
|
||||||
let y2 = provaBez2.top;
|
|
||||||
|
|
||||||
console.log(x1,y1, 200, 100, x2, y2)
|
|
||||||
|
|
||||||
var c = document.getElementById("myCanvas");
|
|
||||||
var ctx = c.getContext("2d");
|
|
||||||
ctx.canvas.width = window.innerWidth;
|
|
||||||
ctx.canvas.height = window.innerHeight;
|
|
||||||
ctx.beginPath();
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
ctx.bezierCurveTo(x1,y1, 200, 100, x2, y2);
|
|
||||||
|
|
||||||
|
|
||||||
ctx.stroke();
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,231 +1,342 @@
|
|||||||
* {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "CothamSans";
|
font-family: "CothamSans";
|
||||||
src: url("./assets/fonts/CothamSans.otf");
|
src: url("./assets/fonts/CothamSans.otf");
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face{
|
||||||
font-family: "Mazius";
|
font-family: "Sinistre";
|
||||||
src: url("./assets/fonts/MAZIUSREVIEW20.09-Extraitalic.woff");
|
src: url("./assets/fonts/Sinistre-StCaroline.woff");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Porpora";
|
font-family: "HKGrotesk";
|
||||||
src: url("./assets/fonts/Porpora-Regular.woff");
|
src: url("./assets/fonts/HKGrotesk-Regular.woff");
|
||||||
|
}
|
||||||
|
|
||||||
|
:root{
|
||||||
|
font-family:"CothamSans";
|
||||||
|
--reg:4vw;
|
||||||
|
--tit:6vw;
|
||||||
|
--green:#00ff00;
|
||||||
|
--pink: #ff14d0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
* {
|
||||||
font-family: "Sinistre";
|
box-sizing: border-box;
|
||||||
src: url("./assets/fonts/Sinistre-StCaroline.woff");
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "HKGrotesk";
|
|
||||||
src: url("./assets/fonts/HKGrotesk-Regular.woff");
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "HKGrotesk-Light";
|
|
||||||
src: url("./assets/fonts/HKGrotesk-Light.otf");
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
html {
|
||||||
font-family: "wftfs-Regular";
|
margin: 0;
|
||||||
src: url("./assets/fonts/wftfs-Regular.otf");
|
scroll-behavior: smooth;
|
||||||
}
|
}
|
||||||
|
|
||||||
:root{
|
body {
|
||||||
font-family: "HKGrotesk";
|
margin: 0;
|
||||||
|
width: 300%;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
--regular: 16px;
|
|
||||||
--focus: 24px;
|
|
||||||
--focus2: 48px;
|
|
||||||
--title: 150px;
|
|
||||||
--footnote: 14px;
|
|
||||||
--subtitle: 32px;
|
|
||||||
|
|
||||||
--inl-reg: 20px;
|
img{
|
||||||
--inl-foot: 14px;
|
width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
--pink: #ff1493;
|
.container{
|
||||||
--green: #0DF46F;
|
z-index: -100;
|
||||||
--green-tit: #0DF46F80;
|
/* margin-bottom: 100vw; */
|
||||||
|
margin-left: -30% ;
|
||||||
|
/* margin-bottom: 1%; */
|
||||||
|
/* position: absolute; */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
html, body {
|
#img1{
|
||||||
margin: 0;
|
animation: infinite cycle1 3s ;
|
||||||
padding: 0;
|
/* margin-left: -40%; */
|
||||||
max-width: 100%;
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
button{
|
#img2{
|
||||||
z-index: 20000;
|
animation: infinite cycle2 3s ;
|
||||||
|
margin-left: -30%;
|
||||||
|
margin-top: 5% */
|
||||||
}
|
}
|
||||||
|
|
||||||
img{
|
#img3{
|
||||||
width: 30%;
|
animation: infinite cycle3 3s ;
|
||||||
|
/* /* margin-top: -15%; */
|
||||||
|
margin-left: 10%; */
|
||||||
}
|
}
|
||||||
|
|
||||||
div{
|
|
||||||
align-self: center;
|
|
||||||
justify-self: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container{
|
|
||||||
display: grid;
|
|
||||||
z-index: -100;
|
|
||||||
justify-items: center;
|
|
||||||
grid-template-columns: auto auto auto;
|
|
||||||
justify-content: center;
|
p, a{
|
||||||
margin-left: 50%;
|
font-size: var(--reg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#img1{
|
|
||||||
animation: infinite cycle1 3s;
|
|
||||||
margin-left: 50%;
|
.texts{
|
||||||
|
margin: 1.5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#img2{
|
.texts .left,.center,.right{
|
||||||
animation: infinite cycle2 3s;
|
float: left;
|
||||||
|
width: 33%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#img3{
|
#eccezione{
|
||||||
animation: infinite cycle3 3s ;
|
width: 70%;
|
||||||
|
margin-left: 35% ;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.left{
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
#descriptio{
|
.center{
|
||||||
width: 30%;
|
text-align: center;
|
||||||
margin-left: 60%;
|
|
||||||
z-index: 20;
|
|
||||||
border: var(--green) solid 3px;
|
|
||||||
background-color: rgba(0,255,0,.05);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#descriptio p {
|
.right{
|
||||||
padding: 0 1vw;
|
text-align: right;
|
||||||
color: var(--green)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#tradu{
|
|
||||||
width: 30%;
|
#practical{
|
||||||
margin-left: 60%;
|
font-size: var(--tit);
|
||||||
z-index: 20;
|
color: var(--pink);
|
||||||
border: var(--green) solid 3px;
|
|
||||||
background-color: rgba(0,255,0,.05);
|
|
||||||
text-align: right;
|
|
||||||
margin-right:50px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tradu span{
|
|
||||||
|
|
||||||
line-height: 27px
|
.left{
|
||||||
|
margin-top: -4%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left p{
|
||||||
|
padding: 20% 5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tradu .pico{
|
.center p{
|
||||||
font-size:var(--regular);
|
padding: 20% 5%;
|
||||||
font-family: "Sinistre";
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tradu .primo{
|
.right p{
|
||||||
color: var(--green);
|
padding: 20% 0 ;
|
||||||
font-family: "Mazius";
|
}
|
||||||
font-size:var(--focus2);
|
|
||||||
|
|
||||||
|
.center{
|
||||||
|
/* margin-top: 28%; */
|
||||||
}
|
}
|
||||||
|
|
||||||
#tradu .secondo{
|
.right{
|
||||||
color: var(--purple);
|
/* margin-top: 20% ; */
|
||||||
font-size:var(--focus2);
|
|
||||||
font-family: "Porpora";
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.left div{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
#telegram{
|
|
||||||
text-align: right;
|
|
||||||
border: var(--pink) solid 3px;
|
|
||||||
background-color: rgba(250,20,150,.05);
|
|
||||||
width: 30%;
|
|
||||||
margin-left: 60%;
|
|
||||||
margin-top: 30%;
|
|
||||||
z-index: 20;
|
|
||||||
|
|
||||||
|
a{
|
||||||
|
color:var(--green);
|
||||||
|
/* text-decoration: underline; */
|
||||||
|
/* text-decoration-color: var(--pink); */
|
||||||
|
/* -webkit-text-decoration-color:var(--pink); */
|
||||||
|
text-shadow: 10px 10px 4px rgba(51, 255, 0, 0.1)
|
||||||
|
}
|
||||||
|
|
||||||
|
p{
|
||||||
|
text-shadow: 10px 10px 5px rgba(0,0,0, 0.1)
|
||||||
|
}
|
||||||
|
|
||||||
|
span2{
|
||||||
|
color:var(--pink);
|
||||||
|
text-shadow: 10px 10px 4px rgba(51, 255, 0, 0.1)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#telegram p a{
|
button{
|
||||||
font-size: var(--focus);
|
|
||||||
line-height: 80px;
|
-webkit-user-select: none;
|
||||||
text-align: right;
|
-moz-user-select: none;
|
||||||
margin-right: 200px;
|
-ms-user-select: none;
|
||||||
padding: 1vw;
|
user-select: none;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 .5vw;
|
||||||
|
min-width: 10vw;
|
||||||
|
/* min-height: 2.5vw; */
|
||||||
|
background-color: rgba(255, 255, 255, 0.7);
|
||||||
|
border-radius: 50px;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-bottom: 1vw;
|
||||||
|
padding: .5vw 1vw;
|
||||||
|
box-shadow: 5px 5px 10px rgba(130, 130, 130, 0.7);
|
||||||
|
|
||||||
|
/* box-shadow: 5px 8px 30px var(--pink); */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.testa{
|
||||||
|
z-index: 100;
|
||||||
|
top: 1.5vw;
|
||||||
|
left: 1vw;
|
||||||
|
height: 0;
|
||||||
|
/* padding: 1vw; */
|
||||||
|
/* margin: 0; */
|
||||||
|
position: fixed;
|
||||||
|
/* display: flex;
|
||||||
|
-webkit-box-align: start;
|
||||||
|
align-items: flex-start;
|
||||||
|
-webkit-box-orient: horizontal;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
flex-direction: row; */
|
||||||
|
/*
|
||||||
|
height: 0;
|
||||||
|
box-sizing: border-box; */
|
||||||
|
}
|
||||||
|
|
||||||
|
#lefty{
|
||||||
|
color: var(--green);
|
||||||
}
|
}
|
||||||
|
|
||||||
#telegram p{
|
button a{
|
||||||
|
font-family: "HKGrotesk";
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 1.5vw;
|
||||||
color: var(--pink);
|
color: var(--pink);
|
||||||
font-size:var(--regular);
|
|
||||||
line-height: 20px;
|
|
||||||
margin:0;
|
|
||||||
padding-left: 20px
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#telegram:nth-child(0){
|
|
||||||
color: var(--pink);
|
#descriptio{
|
||||||
font-size: 100px;
|
width: 13%;
|
||||||
line-height: 48px;
|
margin: 5% 0 0 10%;
|
||||||
|
z-index: 20;
|
||||||
|
border: var(--pink) solid 3px;
|
||||||
|
background-color: rgba(255, 0, 242, 0.8);
|
||||||
|
box-shadow: 10px 10px 20px rgba(130, 130, 130, 0.7)
|
||||||
}
|
}
|
||||||
|
|
||||||
#telegram .link{
|
#descriptio p{
|
||||||
font-size: var(--focus);
|
padding: 0 1vw;
|
||||||
color: var(--green);
|
font-size: 2vw;
|
||||||
margin: 24px 0
|
color: white;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#descriptio a{
|
||||||
|
padding: 0 1vw;
|
||||||
|
font-size: 2vw;
|
||||||
|
color: var(--green);
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#telegram{
|
||||||
|
width: 9%;
|
||||||
|
margin: 3% 0 0 20%;
|
||||||
|
z-index: 20;
|
||||||
|
border: var(--pink) solid 3px;
|
||||||
|
background-color: rgba(255,255,255, 0.9);
|
||||||
|
box-shadow: 10px 10px 20px rgba(255, 0, 242, 0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
#telegram span{
|
#telegram p{
|
||||||
font-size:var(--focus);
|
padding: 0 1vw;
|
||||||
color: var(--purple);
|
font-size: 2vw;
|
||||||
font-family: "Sinistre"
|
color: var(--pink);
|
||||||
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#telegram i {
|
#telegram a{
|
||||||
font-family: "HKGrotesk-Light";
|
padding: 0 1vw;
|
||||||
font-size:var(--focus);
|
font-size: 2vw;
|
||||||
color: var(--purple);
|
color: var(--green);
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#descriptio button{
|
||||||
|
font-size: 1vw;
|
||||||
|
margin-top: 1vw;
|
||||||
|
/* text-align: center; */
|
||||||
|
color: var(--pink);
|
||||||
|
margin: 0 1vw 2vw 1vw;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#telegram .v{
|
#telegram button{
|
||||||
color: var(--green)
|
font-size: 1vw;
|
||||||
|
margin: 2vw 0 0 0;
|
||||||
|
/* text-align: center; */
|
||||||
|
color: var(--pink);
|
||||||
|
bottom: 1vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@keyframes cycle1 {
|
@keyframes cycle1 {
|
||||||
0% { transform: rotate(88deg); margin-left: 50%;}
|
0% { transform: rotate(88deg); }
|
||||||
50% {transform: rotate(121deg); margin-left: 50%;}
|
50% {transform: rotate(121deg); }
|
||||||
99% {transform: rotate(88deg); margin-left: 50%;}
|
100% {transform: rotate(88deg);}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes cycle2 {
|
@keyframes cycle2 {
|
||||||
0% { transform: rotate(1deg)}
|
0% { transform: rotate(1deg)}
|
||||||
50% {transform: rotate(33deg)}
|
50% {transform: rotate(33deg)}
|
||||||
99% {transform: rotate(1deg);}
|
100% {transform: rotate(1deg);}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes cycle3 {
|
@keyframes cycle3 {
|
||||||
0% { transform: rotate(185deg)}
|
0% { transform: rotate(185deg)}
|
||||||
50% {transform: rotate(151deg)}
|
50% {transform: rotate(151deg)}
|
||||||
99% {transform: rotate(185deg);}
|
100% {transform: rotate(185deg);}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#links{
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pink{
|
||||||
|
color: var(--pink);
|
||||||
|
}
|
||||||
|
|
||||||
|
.lang, a3{
|
||||||
|
font-family: "Sinistre";
|
||||||
|
}
|
||||||
|
|
||||||
|
#randomTitle{
|
||||||
|
font-size: 7vw;
|
||||||
|
line-height: 1.5vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 600px) {
|
||||||
|
|
||||||
|
.row{
|
||||||
|
width: 22%;
|
||||||
|
}
|
||||||
|
.right p{
|
||||||
|
padding: 80% 5%;
|
||||||
|
}
|
||||||
|
.center p{
|
||||||
|
padding: 80% 5%;
|
||||||
|
}
|
||||||
|
.left p{
|
||||||
|
padding: 80% 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Loading…
Reference in New Issue