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-family: "CothamSans";
|
||||
src: url("./assets/fonts/CothamSans.otf");
|
||||
}
|
||||
|
||||
@font-face{
|
||||
font-family: "Sinistre";
|
||||
src: url("./assets/fonts/Sinistre-StCaroline.woff");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "CothamSans";
|
||||
src: url("./assets/fonts/CothamSans.otf");
|
||||
font-family: "HKGrotesk";
|
||||
src: url("./assets/fonts/HKGrotesk-Regular.woff");
|
||||
}
|
||||
|
||||
:root{
|
||||
font-family:"CothamSans";
|
||||
--reg:4vw;
|
||||
--tit:6vw;
|
||||
--green:#00ff00;
|
||||
--pink: #ff14d0;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Mazius";
|
||||
src: url("./assets/fonts/MAZIUSREVIEW20.09-Extraitalic.woff");
|
||||
|
||||
|
||||
html {
|
||||
margin: 0;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
width: 300%;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Porpora";
|
||||
src: url("./assets/fonts/Porpora-Regular.woff");
|
||||
|
||||
|
||||
img{
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Sinistre";
|
||||
src: url("./assets/fonts/Sinistre-StCaroline.woff");
|
||||
.container{
|
||||
z-index: -100;
|
||||
/* margin-bottom: 100vw; */
|
||||
margin-left: -30% ;
|
||||
/* margin-bottom: 1%; */
|
||||
/* position: absolute; */
|
||||
}
|
||||
|
||||
@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");
|
||||
}
|
||||
#img1{
|
||||
animation: infinite cycle1 3s ;
|
||||
/* margin-left: -40%; */
|
||||
}
|
||||
|
||||
#img2{
|
||||
animation: infinite cycle2 3s ;
|
||||
margin-left: -30%;
|
||||
margin-top: 5% */
|
||||
}
|
||||
|
||||
#img3{
|
||||
animation: infinite cycle3 3s ;
|
||||
/* /* margin-top: -15%; */
|
||||
margin-left: 10%; */
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "wftfs-Regular";
|
||||
src: url("./assets/fonts/wftfs-Regular.otf");
|
||||
}
|
||||
|
||||
:root{
|
||||
font-family: "HKGrotesk";
|
||||
|
||||
|
||||
--regular: 16px;
|
||||
--focus: 24px;
|
||||
--focus2: 48px;
|
||||
--title: 150px;
|
||||
--footnote: 14px;
|
||||
--subtitle: 32px;
|
||||
|
||||
--inl-reg: 20px;
|
||||
--inl-foot: 14px;
|
||||
|
||||
--pink: #ff1493;
|
||||
--green: #0DF46F;
|
||||
--green-tit: #0DF46F80;
|
||||
|
||||
|
||||
p, a{
|
||||
font-size: var(--reg);
|
||||
}
|
||||
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-width: 100%;
|
||||
min-height: 100vh;
|
||||
|
||||
|
||||
.texts{
|
||||
margin: 1.5%;
|
||||
}
|
||||
|
||||
button{
|
||||
z-index: 20000;
|
||||
.texts .left,.center,.right{
|
||||
float: left;
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
img{
|
||||
width: 30%;
|
||||
#eccezione{
|
||||
width: 70%;
|
||||
margin-left: 35% ;
|
||||
}
|
||||
|
||||
div{
|
||||
align-self: center;
|
||||
justify-self: center;
|
||||
.left{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.container{
|
||||
display: grid;
|
||||
z-index: -100;
|
||||
justify-items: center;
|
||||
grid-template-columns: auto auto auto;
|
||||
justify-content: center;
|
||||
margin-left: 50%;
|
||||
.center{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.right{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
#img1{
|
||||
animation: infinite cycle1 3s;
|
||||
margin-left: 50%;
|
||||
|
||||
#practical{
|
||||
font-size: var(--tit);
|
||||
color: var(--pink);
|
||||
}
|
||||
|
||||
#img2{
|
||||
animation: infinite cycle2 3s;
|
||||
|
||||
.left{
|
||||
margin-top: -4%;
|
||||
}
|
||||
|
||||
.left p{
|
||||
padding: 20% 5%;
|
||||
}
|
||||
|
||||
#img3{
|
||||
animation: infinite cycle3 3s ;
|
||||
.center p{
|
||||
padding: 20% 5%;
|
||||
}
|
||||
|
||||
.right p{
|
||||
padding: 20% 0 ;
|
||||
}
|
||||
|
||||
#descriptio{
|
||||
width: 30%;
|
||||
margin-left: 60%;
|
||||
z-index: 20;
|
||||
border: var(--green) solid 3px;
|
||||
background-color: rgba(0,255,0,.05);
|
||||
.center{
|
||||
/* margin-top: 28%; */
|
||||
}
|
||||
|
||||
#descriptio p {
|
||||
padding: 0 1vw;
|
||||
color: var(--green)
|
||||
.right{
|
||||
/* margin-top: 20% ; */
|
||||
}
|
||||
|
||||
|
||||
#tradu{
|
||||
width: 30%;
|
||||
margin-left: 60%;
|
||||
z-index: 20;
|
||||
border: var(--green) solid 3px;
|
||||
background-color: rgba(0,255,0,.05);
|
||||
text-align: right;
|
||||
margin-right:50px;
|
||||
.left div{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#tradu span{
|
||||
|
||||
line-height: 27px
|
||||
}
|
||||
|
||||
#tradu .pico{
|
||||
font-size:var(--regular);
|
||||
font-family: "Sinistre";
|
||||
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)
|
||||
}
|
||||
|
||||
#tradu .primo{
|
||||
color: var(--green);
|
||||
font-family: "Mazius";
|
||||
font-size:var(--focus2);
|
||||
|
||||
p{
|
||||
text-shadow: 10px 10px 5px rgba(0,0,0, 0.1)
|
||||
}
|
||||
|
||||
#tradu .secondo{
|
||||
color: var(--purple);
|
||||
font-size:var(--focus2);
|
||||
font-family: "Porpora";
|
||||
span2{
|
||||
color:var(--pink);
|
||||
text-shadow: 10px 10px 4px rgba(51, 255, 0, 0.1)
|
||||
}
|
||||
|
||||
|
||||
|
||||
#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;
|
||||
|
||||
button{
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
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; */
|
||||
}
|
||||
|
||||
#telegram p a{
|
||||
font-size: var(--focus);
|
||||
line-height: 80px;
|
||||
text-align: right;
|
||||
margin-right: 200px;
|
||||
padding: 1vw;
|
||||
|
||||
#lefty{
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
#telegram p{
|
||||
button a{
|
||||
font-family: "HKGrotesk";
|
||||
text-decoration: none;
|
||||
font-size: 1.5vw;
|
||||
color: var(--pink);
|
||||
font-size:var(--regular);
|
||||
line-height: 20px;
|
||||
margin:0;
|
||||
padding-left: 20px
|
||||
}
|
||||
|
||||
#telegram:nth-child(0){
|
||||
color: var(--pink);
|
||||
font-size: 100px;
|
||||
line-height: 48px;
|
||||
|
||||
#descriptio{
|
||||
width: 13%;
|
||||
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{
|
||||
font-size: var(--focus);
|
||||
color: var(--green);
|
||||
margin: 24px 0
|
||||
#descriptio p{
|
||||
padding: 0 1vw;
|
||||
font-size: 2vw;
|
||||
color: white;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
#telegram span{
|
||||
font-size:var(--focus);
|
||||
color: var(--purple);
|
||||
font-family: "Sinistre"
|
||||
#descriptio a{
|
||||
padding: 0 1vw;
|
||||
font-size: 2vw;
|
||||
color: var(--green);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
#telegram i {
|
||||
font-family: "HKGrotesk-Light";
|
||||
font-size:var(--focus);
|
||||
color: var(--purple);
|
||||
#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 .v{
|
||||
color: var(--green)
|
||||
#telegram p{
|
||||
padding: 0 1vw;
|
||||
font-size: 2vw;
|
||||
color: var(--pink);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
#telegram a{
|
||||
padding: 0 1vw;
|
||||
font-size: 2vw;
|
||||
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 button{
|
||||
font-size: 1vw;
|
||||
margin: 2vw 0 0 0;
|
||||
/* text-align: center; */
|
||||
color: var(--pink);
|
||||
bottom: 1vw;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@keyframes cycle1 {
|
||||
0% { transform: rotate(88deg); margin-left: 50%;}
|
||||
50% {transform: rotate(121deg); margin-left: 50%;}
|
||||
99% {transform: rotate(88deg); margin-left: 50%;}
|
||||
0% { transform: rotate(88deg); }
|
||||
50% {transform: rotate(121deg); }
|
||||
100% {transform: rotate(88deg);}
|
||||
}
|
||||
|
||||
@keyframes cycle2 {
|
||||
0% { transform: rotate(1deg)}
|
||||
50% {transform: rotate(33deg)}
|
||||
99% {transform: rotate(1deg);}
|
||||
100% {transform: rotate(1deg);}
|
||||
}
|
||||
|
||||
@keyframes cycle3 {
|
||||
0% { transform: rotate(185deg)}
|
||||
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