@ -7,20 +7,20 @@ body{
} }
# welcomepage { # welcomepage {
background-color : # 000000 ; /* background: linear-gradient(90deg, rgba(153,150,244,1) 0%, rgba(128,205,229,1) 50%, rgba(147,102,237,1) 100%); */
background-color : # 050725 ;
} }
# gallery { # gallery {
background-image : url ( / assets / heartrain . gif ) , radial-gradient ( circle , aliceblue , cornflowerblue , palevioletred , salmon ) ;
background-image : radial-gradient ( circle , rgba ( 170 , 159 , 255 , 1 ) 0 % , rgba ( 128 , 132 , 229 , 1 ) 50 % , rgba ( 5 , 7 , 37 , 1 ) 100 % ) ;
background-repeat : repeat-x , no-repeat ;
background-repeat : repeat-x ;
font-family : 'Courier New' , Courier , monospace ;
margin-top : 10em ;
margin-top : 10em ;
margin-bottom : 10em ;
margin-bottom : 10em ;
background-size : 40em, auto;
background-size : ;
} }
# swiperpages { # swiperpages {
background-image : radial-gradient ( circle , aliceblue, cornflowerblue , palevioletred , salmon ) ;
background-image : radial-gradient ( circle , rgba( 170 , 159 , 255 , 1 ) 0 % , rgba ( 128 , 132 , 229 , 1 ) 50 % , rgba ( 5 , 7 , 37 , 1 ) 100 % ) ;
} }
p { p {
@ -32,75 +32,42 @@ p{
width : 1680px ;
width : 1680px ;
transform : translate ( -50 % , -50 % ) ;
transform : translate ( -50 % , -50 % ) ;
}
}
# introquestion {
color : # b456ff ;
margin-top : 10 . 5em ;
width : 1750px ;
}
# description { # description {
color : white ;
color : # b456ff ;
margin-top : 34 . 5em ;
margin-top : 8 . 5em ;
text-align : left ;
text-align : justify ;
width : 1 75 0px;
width : 1 44 0px;
font-size : 1 . 4 em;
font-size : 1 . 5 em;
position : absolute ;
position : absolute ;
left : 50 % ;
transform : translate ( -50 % , -50 % ) ;
font-family : monospace ;
} }
# description_color { # description_color {
color : # 87b5e7 ;
color : # 87b5e7 ;
} }
# moredescription {
color : # 000000 ;
margin-top : 32 . 5em ;
text-align : left ;
}
. infobox {
padding : 31px ;
text-align : left ;
justify-content : center ;
background-color : radial-gradient ( circle , aliceblue , cornflowerblue , palevioletred , salmon ) ;
font-family : Inter , sans-serif ;
font-size : 1 . 1em ;
color : white ;
align-items : center ;
display : flex ;
background-color : # d095ee ;
position : absolute ;
top : -8em ;
}
. infowrapper {
width : 1750px ;
position : absolute ;
align-items : center ;
justify-content : center ;
left : 50 % ;
top : 50 % ;
transform : translate ( -50 % , -50 % ) ;
z-index : -10 ;
}
. header { . header {
width : 100 % ;
width : 100 % ;
height : 10em ;
height : 10em ;
position : absolute ;
position : absolute ;
margin-bottom : 7em ;
margin-bottom : 7em ;
top : 9em ;
top : 0 ;
} }
. headerimage { . headerimage {
position : absolute ;
width : 90em ;
text-align : center ;
margin-top : 25em ;
justify-content : center ;
align-items : center ;
transform : translate ( -50 % , -50 % ) ;
top : 50 % ;
left : 50 % ;
left : 50 % ;
width: 105em ;
transform : translate ( -50 % , -50 % ) ;
filter: contrast ( 1 . 1 ) ;
position : absolute ;
} }
. cooltext { . cooltext {
position : absolute ;
position : absolute ;
text-align : center ;
text-align : center ;
@ -113,243 +80,167 @@ p{
} }
. fiona {
width : 30 % ;
. backgroundgifs {
position : absolute ;
z-index : -10 ;
margin-top : 34em ;
filter : blur ( 6px ) ;
}
. nyancat {
position : absolute ;
position : absolute ;
z-index : -10 ;
z-index : -10 ;
margin-top : 1em ;
margin-top : 1em ;
filter : blur ( 6px ) ;
filter : blur ( 6px ) ;
}
# nyancat {
left : 50 % ;
left : 50 % ;
top : 800 % ;
top : 800 % ;
} }
. babyoncat { # babyoncat {
position : absolute ;
margin-top : 1em ;
filter : blur ( 6px ) ;
left : 75 % ;
top : 500 % ;
top : 500 % ;
z-index : -10 ;
z-index : -10 ;
} }
. confusedgirl { # confusedgirl {
position : absolute ;
z-index : -9 ;
margin-top : 1em ;
filter : blur ( 6px ) ;
left : 30 % ;
left : 30 % ;
top : 1 0 20% ;
top : 1120 % ;
} }
. doge { # doge {
position : absolute ;
z-index : -9 ;
margin-top : 1em ;
filter : blur ( 6px ) ;
left : 30 % ;
left : 30 % ;
top : 700 % ;
}
# travolta {
left : 87 % ;
top : 600 % ;
top : 600 % ;
} }
# angrydog {
left : 76 % ;
top : 1000 % ;
}
# simpsons {
left : 12 % ;
top : 880 % ;
}
# heartrain {
left : 55 % ;
top : 1333 % ;
width : 10 % ;
}
# dance {
left : 52 % ;
top : 450 % ;
}
. buttonback { . buttonback {
align-items : center ;
background-color : # 050725 ;
background-color : # fee6e3 ;
border : 2px solid # 111 ;
border-radius : 8px ;
border-radius : 8px ;
border-style : none ;
box-sizing : border-box ;
box-sizing : border-box ;
color : # 111 ;
cursor : pointer ;
cursor : pointer ;
display : flex ;
flex-shrink : 0 ;
font-family : Inter , sans-serif ;
font-family : "Inter UI" , "SF Pro Display" , -apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , Oxygen , Ubuntu , Cantarell , "Open Sans" , "Helvetica Neue" , sans-serif ;
font-size : 16px ;
font-size : 16px ;
height : 48px ;
font-weight : 500 ;
justify-content : center ;
height : 4rem ;
line-height : 24px ;
padding : 0 1 . 6rem ;
max-width : 100 % ;
padding : 0 25px ;
position : absolute ;
text-align : center ;
text-align : center ;
text-decoration : none ;
text-shadow : rgba ( 0 , 0 , 0 , 0 . 25 ) 0 3px 8px ;
transition : all . 5s ;
user-select : none ;
user-select : none ;
-webkit-user-select : none ;
-webkit-user-select : none ;
touch-action : manipulation ;
touch-action : manipulation ;
top : 1em ;
margin : 1em ;
left : 1em ;
}
. buttonback : after {
background-color : # 111 ;
border-radius : 8px ;
content : "" ;
display : block ;
height : 48px ;
left : 0 ;
width : 100 % ;
position : absolute ;
position : absolute ;
top : -2px ;
top : 0 ;
transform : translate ( 8px , 8px ) ;
z-index : 10 ;
transition : transform . 2s ease-out ;
color : # a178ee ;
z-index : -1 ;
}
. buttonback : hover : after {
transform : translate ( 0 , 0 ) ;
}
. buttonback : active {
background-color : # ffdeda ;
outline : 0 ;
} }
. buttonback : hover { . buttonback : hover {
outline : 0 ;
box-shadow : rgba ( 115 , 102 , 220 , 0 . 5 ) 0 10px 30px ;
transition-duration : . 1s ;
z-index : 10 ;
} }
@ media ( min-width : 768px ) { @ media ( min-width : 768px ) {
. buttonback {
. buttonback {
padding : 0 40px ;
padding : 0 2 . 6rem ;
z-index : 10 ;
}
}
} }
. buttoncontainer { . buttoncontainer {
position : absolute ;
display : flex ;
display : flex ;
align-items : center ;
align-items : center ;
justify-content : center ;
justify-content : center ;
left : 50 % ;
margin-top : 31em ;
transform : translate ( -50 % , -50 % ) ;
margin-top : 35em ;
width : 1750px ;
background : linear-gradient ( 90deg , rgba ( 153 , 150 , 244 , 1 ) 0 % , rgba ( 128 , 205 , 229 , 1 ) 50 % , rgba ( 147 , 102 , 237 , 1 ) 100 % ) ;
height : 10em ;
} }
. gotobutton { . gotobutton {
align-items : center ;
background-image : linear-gradient ( 90deg , rgba ( 153 , 150 , 244 , 1 ) 0 % , rgb ( 62 151 207 / 55 % ) 50 % , rgb ( 95 52 182 / 57 % ) 100 % ) ;
background-color : blueviolet ;
border : 2px solid # 111 ;
border-radius : 8px ;
border-radius : 8px ;
border-style : none ;
box-sizing : border-box ;
box-sizing : border-box ;
color : # 111 ;
color : # FFFFFF ;
cursor : pointer ;
cursor : pointer ;
display : flex ;
flex-shrink : 0 ;
font-family : Inter , sans-serif ;
font-family : "Inter UI" , "SF Pro Display" , -apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , Oxygen , Ubuntu , Cantarell , "Open Sans" , "Helvetica Neue" , sans-serif ;
font-size : 16px ;
font-size : 16px ;
height : 48px ;
font-weight : 500 ;
justify-content : center ;
height : 4rem ;
line-height : 24px ;
padding : 0 1 . 6rem ;
min-width : 270px ;
max-width : 100 % ;
padding : 0 25px ;
position : relative ;
left : auto ;
right : auto ;
text-align : center ;
text-align : center ;
text-decoration : none ;
text-shadow : rgba ( 0 , 0 , 0 , 0 . 25 ) 0 3px 8px ;
transition : all . 5s ;
user-select : none ;
user-select : none ;
-webkit-user-select : none ;
-webkit-user-select : none ;
touch-action : manipulation ;
touch-action : manipulation ;
margin : 20px ;
margin : 1em ;
}
. gotobutton : after {
background-color : # 111 ;
border-radius : 8px ;
content : "" ;
display : block ;
height : 48px ;
left : 0 ;
width : 100 % ;
position : absolute ;
top : -2px ;
transform : translate ( 8px , 8px ) ;
transition : transform . 2s ease-out ;
z-index : -1 ;
}
. gotobutton : hover : after {
transform : translate ( 0 , 0 ) ;
}
. gotobutton : active {
background-color : # ffdeda ;
outline : 0 ;
} }
. gotobutton : hover { . gotobutton : hover {
outline : 0 ;
box-shadow : rgba ( 115 , 102 , 220 , 0 . 5 ) 0 1px 30px ;
transition-duration : . 1s ;
} }
@ media ( min-width : 768px ) { @ media ( min-width : 768px ) {
. gotobutton {
. gotobutton {
padding : 0 40px ;
padding : 0 2 . 6rem ;
}
}
} }
. thesisbutton { . thesisbutton {
align-items : center ;
background-image : linear-gradient ( 90deg , rgba ( 153 , 150 , 244 , 1 ) 0 % , rgb ( 62 151 207 / 55 % ) 50 % , rgb ( 95 52 182 / 57 % ) 100 % ) ;
background-color : blueviolet ;
border : 2px solid # 111 ;
border-radius : 8px ;
border-radius : 8px ;
border-style : none ;
box-sizing : border-box ;
box-sizing : border-box ;
color : # 111 ;
color : # FFFFFF ;
cursor : pointer ;
cursor : pointer ;
display : flex ;
flex-shrink : 0 ;
font-family : Inter , sans-serif ;
font-family : "Inter UI" , "SF Pro Display" , -apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , Oxygen , Ubuntu , Cantarell , "Open Sans" , "Helvetica Neue" , sans-serif ;
font-size : 16px ;
font-size : 16px ;
height : 48px ;
font-weight : 500 ;
min-width : 270px ;
height : 4rem ;
justify-content : center ;
padding : 0 1 . 6rem ;
line-height : 24px ;
max-width : 100 % ;
padding : 0 25px ;
position : relative ;
text-align : center ;
text-align : center ;
text-decoration : none ;
text-shadow : rgba ( 0 , 0 , 0 , 0 . 25 ) 0 3px 8px ;
transition : all . 5s ;
user-select : none ;
user-select : none ;
-webkit-user-select : none ;
-webkit-user-select : none ;
touch-action : manipulation ;
touch-action : manipulation ;
margin : 20px ;
margin : 1em ;
}
. thesisbutton : after {
background-color : # 111 ;
border-radius : 8px ;
content : "" ;
display : block ;
height : 48px ;
left : 0 ;
width : 100 % ;
position : absolute ;
top : -2px ;
transform : translate ( 8px , 8px ) ;
transition : transform . 2s ease-out ;
z-index : -1 ;
}
. thesisbutton : hover : after {
transform : translate ( 0 , 0 ) ;
}
. thesisbutton : active {
background-color : # ffdeda ;
outline : 0 ;
} }
. thesisbutton : hover { . thesisbutton : hover {
outline : 0 ;
box-shadow : rgba ( 115 , 102 , 220 , 0 . 5 ) 0 10px 30px ;
transition-duration : . 1s ;
} }
@ media ( min-width : 768px ) { @ media ( min-width : 768px ) {
. thesisbutton {
. thesisbutton {
padding : 0 40px ;
padding : 0 2 . 6rem ;
}
}
} }
@ -366,64 +257,46 @@ a:-webkit-any-link {
} }
. printbutton { . printbutton {
align-items : center ;
background-color : # 050725 ;
background-color : # fee6e3 ;
border : 2px solid # 111 ;
border-radius : 8px ;
border-radius : 8px ;
border-style : none ;
box-sizing : border-box ;
box-sizing : border-box ;
color : # 111 ;
cursor : pointer ;
cursor : pointer ;
display : flex ;
flex-shrink : 0 ;
font-family : Inter , sans-serif ;
font-family : "Inter UI" , "SF Pro Display" , -apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , Oxygen , Ubuntu , Cantarell , "Open Sans" , "Helvetica Neue" , sans-serif ;
font-size : 16px ;
font-size : 16px ;
height : 48px ;
font-weight : 500 ;
justify-content : center ;
height : 4rem ;
line-height : 24px ;
padding : 0 1 . 6rem ;
max-width : 100 % ;
padding : 0 25px ;
position : absolute ;
text-align : center ;
text-align : center ;
text-decoration : none ;
text-shadow : rgba ( 0 , 0 , 0 , 0 . 25 ) 0 3px 8px ;
transition : all . 5s ;
user-select : none ;
user-select : none ;
-webkit-user-select : none ;
-webkit-user-select : none ;
touch-action : manipulation ;
touch-action : manipulation ;
top : 1em ;
margin : 1em ;
right : 1em ;
}
. printbutton : after {
background-color : # 111 ;
border-radius : 8px ;
content : "" ;
display : block ;
height : 48px ;
left : 0 ;
width : 100 % ;
position : absolute ;
position : absolute ;
top : -2px ;
top : 0 ;
transform : translate ( 8px , 8px ) ;
right : 0 ;
transition : transform . 2s ease-out ;
z-index : 10 ;
z-index : -1 ;
color : # a178ee ;
}
. printbutton : hover : after {
transform : translate ( 0 , 0 ) ;
}
. printbutton : active {
background-color : # ffdeda ;
outline : 0 ;
} }
. printbutton : hover { . printbutton : hover {
outline : 0 ;
box-shadow : rgba ( 115 , 102 , 220 , 0 . 5 ) 0 10px 30px ;
transition-duration : . 1s ;
z-index : 10 ;
} }
@ media ( min-width : 768px ) { @ media ( min-width : 768px ) {
. printbutton {
. printbutton {
padding : 0 40px ;
padding : 0 2 . 6rem ;
z-index : 10 ;
}
}
} }
a : link {
color : # a178ee ;
}
. grid { . grid {
display : grid ;
display : grid ;
@ -504,224 +377,60 @@ swiper-slide{
background : green ;
background : green ;
} }
. alert {
. trigger > img { background-color : transparent ;
filter : blur ( 10px ) ;
box-sizing : border-box ;
transition : filter 1s ;
cursor : pointer ;
} font-family : "Inter UI" , "SF Pro Display" , -apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , Oxygen , Ubuntu , Cantarell , "Open Sans" , "Helvetica Neue" , sans-serif ;
. trigger :: after { font-size : 1 . 57em ;
content : "Content Warning" ;
font-weight : 500 ;
position : fixed ;
height : 4rem ;
text-align : center ;
text-shadow : rgba ( 0 , 0 , 0 , 0 . 25 ) 0 3px 8px ;
transition : all . 5s ;
-webkit-user-select : none ;
touch-action : manipulation ;
top : 0 ;
right : 0 ;
z-index : 10 ;
color : # a178ee ;
position : relative ;
top : 50 % ;
top : 50 % ;
left : 50 % ;
left : 50 % ;
transform : translate ( -50 % , -50 % ) ;
transform : translate ( -50 % , -50 % ) ;
font-size : 4em ;
width : 92 % ;
height : 100 % ;
}
. trigger : hover > img {
filter : blur ( 0px ) ;
}
. trigger : hover : after {
opacity : 0 ;
}
. trigger : hover {
opacity : 1 ;
transition : opacity 1s ;
}
: root {
--swiper-navigation-size : 60 ;
--swiper-theme-color : rgb ( 0 , 89 , 255 ) ;
--swiper-navigation-color : var ( --swiper-theme-color ) ;
--swiper-pagination-color : var ( --swiper-theme-color ) ;
}
/* E-mail form */
# fcf-form {
display : block ;
}
. fcf-body {
margin : 0 ;
font-family : Inter , sans-serif ;
font-size : 16px ;
font-weight : 400 ;
line-height : 1 . 5 ;
color : # 212529 ;
text-align : left ;
padding : 30px ;
padding-bottom : 10px ;
max-width : 100 % ;
position : relative ;
display : flex ;
align-items : center ;
justify-content : center ;
justify-content : center ;
}
. fcf-form-group {
margin-bottom : 1rem ;
}
. fcf-input-group {
position : relative ;
display : -ms-flexbox ;
display : flex ;
display : flex ;
-ms-flex-wrap : wrap ;
backdrop-filter : blur ( 10px ) ;
flex-wrap : wrap ;
-ms-flex-align : stretch ;
align-items : stretch ;
width : 100 % ;
}
. fcf-form-control {
display : block ;
width : 600px ;
height : calc ( 1 . 5em + 0 . 75rem + 2px ) ;
padding : 0 . 375rem 0 . 75rem ;
font-size : 1rem ;
font-weight : 400 ;
line-height : 1 . 5 ;
background-clip : padding-box ;
border : 1px solid # ced4da ;
outline : none ;
border-radius : 0 . 25rem ;
transition : border-color 0 . 15s ease-in-out , box-shadow 0 . 15s ease-in-out ;
background-color : # fee6e3 ;
border : 2px solid # 111 ;
border-radius : 8px ;
box-sizing : border-box ;
color : # 111 ;
}
. fcf-form-control : focus {
border : 1px solid # 313131 ;
} }
. alert : hover {
select . fcf-form-control [ size ] , select . fcf-form-control [ multiple ] { transition-duration : . 1s ;
height : auto ;
z-index : 10 ;
} }
textarea . fcf-form-control { @ media ( min-width : 768px ) {
font-family : -apple-system , Arial , sans-serif ;
. alert {
height : auto ;
padding : 0 2 . 6rem ;
z-index : 10 ;
}
}
label . fcf-label {
display : inline-block ;
margin-bottom : 0 . 5rem ;
} }
# alerttext {
. fcf-btn {
align-items : center ;
background-color : # fee6e3 ;
border : 2px solid # 111 ;
border-radius : 8px ;
box-sizing : border-box ;
color : # 111 ;
cursor : pointer ;
display : flex ;
font-family : Inter , sans-serif ;
font-size : 16px ;
height : 48px ;
justify-content : center ;
justify-content : center ;
line-height : 24px ;
align-items : center ;
max-width : 100 % ;
padding : 0 25px ;
position : relative ;
text-align : center ;
text-decoration : none ;
user-select : none ;
-webkit-user-select : none ;
touch-action : manipulation ;
width : 600px ;
}
. fcf-btn : after {
background-color : # 111 ;
border-radius : 8px ;
content : "" ;
display : block ;
height : 48px ;
left : 0 ;
width : 100 % ;
width : 100 % ;
position : absolute ;
text-align : center ;
top : -2px ;
transform : translate ( 8px , 8px ) ;
transition : transform . 2s ease-out ;
z-index : -1 ;
}
. fcf-btn : hover : after {
transform : translate ( 0 , 0 ) ;
}
. fcf-btn : active {
background-color : # ffdeda ;
outline : 0 ;
}
. fcf-btn : hover {
outline : 0 ;
} }
@ media ( min-width : 768px ) {
. buttonback {
padding : 0 40px ;
}
}
input [ type = "submit" ] . fcf-btn-block , input [ type = "reset" ] . fcf-btn-block , input [ type = "button" ] . fcf-btn-block { : root {
width : 100 % ;
--swiper-navigation-size : 60 ;
--swiper-theme-color : rgb ( 0 , 89 , 255 ) ;
--swiper-navigation-color : var ( --swiper-theme-color ) ;
--swiper-pagination-color : var ( --swiper-theme-color ) ;
}
}
/* airport infotext welcome page */
/ * * {
padding : 0 ; } * /
/ * . center {
position : relative ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
margin : auto ; } * /
/ * . table {
min-width : 100 % ;
height : 150px ;
background-color : # 000000 ; }
. table . monitor-wrapper {
background : # 050321 ;
min-width : 100 % ;
height : 130px ;
box-shadow : 0px 2px 2px 2px rgba ( 0 , 0 , 0 , 0 . 3 ) ; }
. textwrapper {
min-width : 100 % ;
height : 100px ;
overflow : hidden ;
white-space : nowrap ;
box-shadow : inset 0px 5px 10px 2px rgba ( 0 , 0 , 0 , 0 . 3 ) ; }
. p {
font-family : 'VT323' , monospace ;
font-size : 100px ;
position : relative ;
display : inline-block ;
animation : move 20s infinite linear ;
color : # EBB55F ; }
@ keyframes move {
from {
left : 800px ; }
to {
left : -4800px ; } } * /
