-
-
-
-
-
-
-
© 2019 ENEI . Todos os direitos reservados
-
-
-
+
diff --git a/website/ctf/.DS_Store b/website/ctf/.DS_Store
new file mode 100644
index 00000000..4c75840b
Binary files /dev/null and b/website/ctf/.DS_Store differ
diff --git a/website/ctf/ASM_IS_LIFE.zip b/website/ctf/ASM_IS_LIFE.zip
new file mode 100644
index 00000000..1f493dc5
Binary files /dev/null and b/website/ctf/ASM_IS_LIFE.zip differ
diff --git a/website/ctf/Burro.zip b/website/ctf/Burro.zip
new file mode 100644
index 00000000..c40dec95
Binary files /dev/null and b/website/ctf/Burro.zip differ
diff --git a/website/ctf/OLD.zip b/website/ctf/OLD.zip
new file mode 100644
index 00000000..c5a6aaaf
Binary files /dev/null and b/website/ctf/OLD.zip differ
diff --git a/website/ctf/OLD2.zip b/website/ctf/OLD2.zip
new file mode 100644
index 00000000..1538b076
Binary files /dev/null and b/website/ctf/OLD2.zip differ
diff --git a/website/ctf/THEEND.zip b/website/ctf/THEEND.zip
new file mode 100644
index 00000000..a724f56c
Binary files /dev/null and b/website/ctf/THEEND.zip differ
diff --git a/website/ctf/Try_Me.zip b/website/ctf/Try_Me.zip
new file mode 100644
index 00000000..4242f67f
Binary files /dev/null and b/website/ctf/Try_Me.zip differ
diff --git a/website/ctf/WHOAMI.zip b/website/ctf/WHOAMI.zip
new file mode 100644
index 00000000..2e2c9c97
Binary files /dev/null and b/website/ctf/WHOAMI.zip differ
diff --git a/website/ctf/ZIPZIPZIPZIP.zip b/website/ctf/ZIPZIPZIPZIP.zip
new file mode 100644
index 00000000..1781e792
Binary files /dev/null and b/website/ctf/ZIPZIPZIPZIP.zip differ
diff --git a/website/imgs/flag.png b/website/imgs/flag.png
new file mode 100644
index 00000000..a85070b0
Binary files /dev/null and b/website/imgs/flag.png differ
diff --git a/website/main.css b/website/main.css
old mode 100755
new mode 100644
index dc4d6e4e..6b2ddefe
--- a/website/main.css
+++ b/website/main.css
@@ -2059,9 +2059,9 @@ footer p {
display: flex;
color: blue;
/* First we need to help some browsers along for this to work.
- Just because a vendor prefix is there, doesn't mean it will
- work in a browser made by that vendor either, it's just for
- future-proofing purposes I guess. */
+ Just because a vendor prefix is there, doesn't mean it will
+ work in a browser made by that vendor either, it's just for
+ future-proofing purposes I guess. */
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
@@ -2097,12 +2097,27 @@ footer p {
flex: 1;
display: flex;
flex-direction: row;
+ padding: 50px;
+ justify-content: center;
background-image: url("./imgs/bg_phone.png");
}
+.explain-qr .explain {
+ margin: 30px;
+}
+.explain-qr .explain h3 {
+ margin-bottom: 0;
+ color: white;
+ margin: 20px;
+}
+.explain-qr .explain p {
+ color: white;
+ margin-left: 20px;
+}
.explain-qr img {
width: 20%;
height: 20%;
margin: 20px;
+ align-self: center;
}
@media screen and (max-width: 769px) {
.explain-qr {
@@ -2113,13 +2128,129 @@ footer p {
height: 100%;
}
}
-.explain-qr h3 {
- color: white;
- margin: 30px;
-}
.ctf-explain {
+ flex: 1;
+ display: flex;
+ flex-direction: row;
background-color: #eeeeee;
+ padding: 40px;
+}
+.ctf-explain h3 {
+ padding: 30px;
+ padding-bottom: 0px;
+}
+.ctf-explain p {
+ padding: 30px;
+ text-align: justify;
+ text-justify: inter-word;
+}
+.ctf-explain img {
+ width: 30%;
+ height: 30%;
+}
+
+.ctf-levels .level1-ctf {
+ background-color: #de6d6b;
+}
+.ctf-levels .level2-ctf {
+ background-color: #d95856;
+}
+.ctf-levels .level3-ctf {
+ background-color: #d54341;
+}
+.ctf-levels .level4-ctf {
+ background-color: #d02e2c;
+}
+.ctf-levels .level5-ctf {
+ background-color: #cc1a17;
+}
+.ctf-levels .level {
+ padding: 80px;
+}
+.ctf-levels .level h3 {
+ color: white;
+ padding-left: 30px;
+}
+.ctf-levels .level .sub-container {
+ flex: 1;
+ display: flex;
+ flex-direction: row;
+}
+.ctf-levels .level .sub-container .sub-level {
+ width: 100%;
+ border: 1px dashed white;
+ margin: 20px;
+ padding: 20px;
+ align-content: center;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+}
+.ctf-levels .level .sub-container .sub-level p {
+ color: black;
+ text-align: justify;
+ text-justify: inter-word;
+}
+.ctf-levels .level .sub-container .sub-level i {
+ color: #eeeeee;
+ font-size: 18px;
+}
+.ctf-levels .level .sub-container .sub-level .btn-dwn-ctf {
+ flex: 1;
+ display: flex;
+ flex-direction: row;
+ color: white;
+ width: 40%;
+ margin: 20px;
+ text-align: center;
+ margin: 0 auto;
+}
+.ctf-levels .level .sub-container .sub-level .btn-dwn-ctf i {
+ font-size: 30px;
+}
+.ctf-levels .level .sub-container .sub-level .btn-dwn-ctf:hover {
+ text-decoration: none;
+}
+.ctf-levels .level .sub-container .sub-level .btn-dwn-ctf:hover a:hover {
+ text-decoration: none;
+}
+.ctf-levels .level .sub-container .sub-level .btn-dwn-ctf h3 {
+ font-size: 20px;
+ margin: 10px;
+ align-content: center;
+ align-self: center;
+}
+
+.ctf-prizes {
+ padding: 50px;
+}
+.ctf-prizes h3 {
+ padding: 30px;
+ padding-bottom: 0px;
+}
+.ctf-prizes h5 {
+ padding-left: 30px;
+ color: #cc1a17;
+}
+.ctf-prizes .prizes-container {
+ flex: 1;
+ display: flex;
+ flex-direction: row;
+ padding-top: 30px;
+}
+.ctf-prizes .prizes-container .prize {
+ flex: 1;
+ flex-direction: column;
+ display: flex;
+ width: 100%;
+ margin: 20px;
+ align-content: center;
+ align-items: center;
+}
+.ctf-prizes .prizes-container .prize .prize-logo {
+ font-size: 100px;
}
/*# sourceMappingURL=main.css.map */
diff --git a/website/main.css.map b/website/main.css.map
index f6dc4319..88f96514 100755
--- a/website/main.css.map
+++ b/website/main.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["main.scss"],"names":[],"mappings":";AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0CA;EACC;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;;AAGF;EACC;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;;AAIF;EACC;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;;AAIF;EACC;IACC;;EAED;IACC;;;AAoBF;EACC;EACA;EACA;EAIA;EACA;;AAGD;AAAA;AAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;EACA,OA5KO;;AAyDP;EA4GD;AAAA;AAAA;AAAA;AAAA;AAAA;IASE;;;;AAKD;EACC,SAxDsB;;;AA4DvB;EACC,SA5Da;;;AAgEd;EACC,SAhEW;;;AAoEZ;EACC,SApEc;;;AAwEf;EACC,SAxEW;;;AA4EZ;EACC,SA5Ee;;;AAgFhB;EACC,SAhFc;;;AAoFf;EACC,SApFc;;;AAwFf;EACC,SAxFU;;;AA4FX;EACC,SA5FU;;;AAgGX;EACC,SAhGU;;;AAoGZ;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;AAAA;EAEC;;;AAGD;EACC;EACA;EACA;EACA;EACA,aA5OS;;;AAgPT;EACC;;;AAIF;EACC;;;AAGD;AAAA;AAAA;EAGC;;AAnNA;EAgND;AAAA;AAAA;IAKE;;;AA3ND;EAsND;AAAA;AAAA;IAQE;;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA,OAjSW;EAkSX,aA7QM;EA8QN;EACA;;AAxOA;EAkOD;IAQE;IACA;;;AAjPD;EAwOD;IAYE;;;;AAIF;EACC;EACA;EACA,OAjTW;EAkTX,aA7RM;EA8RN;EACA;;AAxPA;EAkPD;IAQE;;;AAhQD;EAwPD;IAWE;;;;AAIF;EACC;EACA;EACA,aA3SM;EA4SN;EACA;EACA,OAnUW;;;AAsUZ;EApSC;EACA,WAoS0B;EAnS1B,aAmSgC;EAlShC,OAvCM;;AA8DN;EA0QD;IAGE;IACA;;;;AAIF;EACC;EA7SA;EACA,WA6S0B;EA5S1B,aA4SgC;EA3ShC,OArCW;EAiVX;;AArRA;EAkRD;IAKE;IACA;;;;AAIF;EAtTC;EACA,WAsT0B;EArT1B,aAqTgC;EApThC,OArCW;EA0VX;EACA;EACA;EACA,kBAhWO;EAiWP;EACA;;AACA;EACC,cAhWI;;AAkWL;EACC;;AAxSD;EA4RD;IAeE;IACA;;;;AAIF;EACC;;;AAQA;AAAA;AAAA;AAAA;AAAA;EACC,OAtXU;;;AA0XZ;AAAA;AAAA;AAAA;AAAA;EAKC;;;AAGD;EACC;EACA;EACA;EACA,kBArYK;EAsYL,cAtYK;EAuYL,OA3YO;EA4YP;EACA;EACA;;AACA;EACC,kBAhZM;EAiZN,OA7YI;;;AAkZN;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA,OAvaW;EAwaX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC,cAlbI;EAmbJ,kBAnbI;EAobJ,OAxbM;;AAyDP;EA6WD;IAqBE;IACA;;;;AAIF;EA5YC,OA6Yc;EA5Yd,QA4YmB;EACnB,kBAhcY;EAicZ;EACA;;AArYA;EAiYD;IAME;;;AAED;EACC;EArZD,OAsZe;EArZf,QAqZoB;EA9ZpB,UA+ZmB;EA9ZnB,KA8Z6B;EA3Z7B,MA2Z4C;EAC3C,kBAxcI;;;AA4cN;EACC,kBA/cY;;;AAkdb;EACC;EACA;EACA;EACA,kBAzdO;EA0dP,OAzdO;EA0dP;EACA;EA/aA,UAgbkB;EA/alB,KA+a4B;EA5a5B,MA4a6C;EAC7C;EACA;;AA/ZA;EAqZD;IAYE;IACA;IACA;;;AAzaD;EA2ZD;IAiBE;IACA;IACA;;;;AAIF;EA/bC,UAgckB;EA/blB,KA+byB;EA5bzB,MA4bwC;EACxC;EACA;EACA;;AAEC;EACC;;AAzbF;EAwbC;IAGE;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAjcD;EA0bA;IASE;;;AAzcF;EAgcA;IAYE;IACA;;;AAED;EACC;EApeF;EACA,WAoe4B;EAne5B,aAmekC;EAlelC,OAxCO;EA2gBL,aApfS;EAqfT;EACA;EACA;EACA;EACA;;AAvdF;EA+cC;IAUE;;;AAED;EACC,SAjZQ;EA/FX;EACA,WAgf4B;EA/e5B,aA+ekC;EA9elC,OAxCO;EAuhBJ,aAjgBM;EAkgBN;;AA/dH;EAkeC;IAEE;IACA;;;AAED;EACC;EA5fH;EACA,WA4f6B;EA3f7B,aA2fmC;EA1fnC,OAxCO;EAmiBJ,aA5gBQ;EA6gBR;EACA;;AAteH;EAieE;IAOE;IACA;IACA;;;AAhfJ;EAueE;IAYE;IACA;;;AAED;EACC;;AAED;EACC,OAnjBG;EAojBH;EACA;EACA;;AACA;EACC,OApjBA;;AAqDL;EA8fI;IAGE,OA1jBC;;;AA4jBF;EACC;;AAGF;EACC;EArhBL,UAshBuB;EAnhBvB,QAmhB6C;EAlhB7C,MAkhBmD;EA9gBnD,OA+gBmB;EA9gBnB,QA8gBsB;EACjB,kBAhkBA;EAikBA;;AAtgBL;EAigBI;IAOE;;;AA9gBN;EAugBI;IAUE;;;;AASP;EACC;EAxiBA,UAyiBkB;EAxiBlB,KAwiByB;EAriBzB,MAqiBwD;EACxD;;AAvhBA;EAohBD;IAKE;IACA;IACA;;;AAjiBD;EA0hBD;IAUE;IACA;IACA;;;AAED;EACC;EACA;AAAsD;EACtD;AAAmD;EACnD;;AAED;EACC;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;AAGD;EACC;EA5kBD,UA6kBmB;EA5kBnB,KA4kB0B;EAzkB1B,MAykByC;EArkBzC,OAskBe;EArkBf,QAqkBqB;EACpB,kBA3nBM;EA4nBN;EACA;;AAED;EACC;;AACA;EACC;;AAED;EACC;;AAED;EACC,MAzoBK;EA0oBL;;AAED;EACC,MA5oBK;EA6oBL;;AAplBF;EAojBD;IAoCE;IACA;IACA;;;;AAIF;EACC,kBAxpBO;EAypBP;EACA;;AA3lBA;EAwlBD;IAKE;;;AAnmBD;EA8lBD;IAQE;;;;AAIF;EA9nBC;EACA,WA8nB0B;EA7nB1B,aA6nBgC;EA5nBhC,OAvCM;EAoqBN,aA9oBW;EA+oBX;EACA;;AAxmBA;EAomBD;IAME;;;AAhnBD;EA0mBD;IASE;;;;AAIF;EACC,kBA3qBW;EA4qBX;EACA;;AApnBA;EAinBD;IAKE;;;AA5nBD;EAunBD;IAQE;;;AAED;EACC;EACA;;AA7nBD;EA2nBA;IAIE;;;AAroBF;EAioBA;IAOE;;;AAED;EA9pBD;EACA,WA8pB4B;EA7pB5B,aA6pBkC;EA5pBlC,OAxCO;EAqsBL,aA7qBI;EA8qBJ;EACA;;AAxoBF;EAooBC;IAME;IACA;;;AAjpBH;EA0oBC;IAUE;IACA;IACA;;;AAGF;EA7qBD;EACA,WA6qB4B;EA5qB5B,aA4qBkC;EA3qBlC,OApCK;EAgtBH,aA5rBI;EA6rBJ;;AAtpBF;EAmpBC;IAKE;;;AA9pBH;EAypBC;IAQE;;;;AAMJ;EACC;;AACA;EACC;EACA;;AA3qBD;EAyqBA;IAIE;IACA;IACA;;;AAID;EACC;EAzrBF,OA0rBgB;EAzrBhB,QAyrBsB;EACpB;EACA;EACA;;AAxrBF;EAmrBC;IAxrBD,OA+rBiB;IA9rBjB,QA8rBuB;IACpB;;;AAED;EACC;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAKH;EACC;IAEC;;EAGD;IACC;;;;AAKH;EACC,kBA3wBW;EA4wBX;;AACA;AAAA;EAEC,OAnxBW;;AAqxBZ;EACC;EACA;;AACA;EACC;EACA;EACA;;;AAKH;EACC;EACA;AACA;AAAA;AAAA;;AAGA;EACC;EACA;;AACA;EACC;EACA;EACA;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA7vBD;EAkvBA;IAaE;IACA;IACA;;;AAvwBF;EAwvBA;IAkBE;IACA;IACA;IACA;IACA;;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAGF;EAnzBD;EACA,WAmzB4B;EAlzB5B,aAkzBkC;EAjzBlC,OArCW;EAu1BT,aAn0BS;;AAkCX;EA+xBC;IAIE;;;AAED;EACC;EACA;EACA;;AAGA;EACC;EACA;EACA;;AAIH;EAt0BD;EACA,WAs0B4B;EAr0B5B,aAq0BkC;EAp0BlC,OAvCM;EA42BJ,aAt1BS;EAu1BT;;AAED;EACC;EACA;EACA,kBA/2BG;EAg3BH;EA/0BF;EACA,WA+0B4B;EA90B5B,aA80BkC;EA70BlC,OAxCO;EAs3BL,aA91BI;EA+1BJ;EACA;;AAED;EAr1BD;EACA,WAq1B4B;EAp1B5B,aAo1BkC;EAn1BlC,OAvCM;EA23BJ,aAp2BI;EAq2BJ;EACA;EACA;EACA;EAEA;;AAEA;EACC,cAj4BE;EAk4BF,kBAl4BE;EAm4BF,OAv4BI;;AAyDP;EAi0BC;IAgBE;IACA;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;EACA;;AAGA;EACC,cA55BQ;EA65BR;EACA,OA/5BE;;AAo6BN;EAz3BA,UA03BmB;EAx3BnB,OAw3BmC;EAv3BnC,QAu3ByC;EACxC;;AACA;EACC;EACA,OAv6BS;EAw6BT;;;AAKH;EACC,kBA/6BY;EAg7BZ;EACA;;AACA;EACC,OAt7BM;EAu7BN;;;AAIF;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAGA;EACC;EACA;EACA,OAt8BI;;;AA28BP;EAv6BC;EACA,WAu6B0B;EAt6B1B,aAs6BgC;EAr6BhC,OAvCM;EA68BN,aAv7BW;EAw7BX;EACA;EAOA;;AAx5BA;EA64BD;IAME;;;AAz5BD;EAm5BD;IASE;;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;AAAA;EAEC;EACA;;;AAKC;EACC,OA5+BS;EA6+BT,aAx9BI;;AAy9BJ;EACC,OA9+BE;;;AAq/BL;EACC;;AACA;EACC;;AAIA;EACC,kBA7/BE;EA8/BF,cA9/BE;EA+/BF,OAngCI;;AAsgCN;EAj+BD;EACA,WAi+B4B;EAh+B5B,aAg+BkC;EA/9BlC,OArCW;EAqgCT;EACA;EACA;EACA;EACA,kBA5gCK;EA6gCL;EAEA;;AAt9BF;EA68BC;IAYE;IACA;IACA;;;AAGF;EACC;EACA;EACA,kBA1hCK;EA2hCL;EACA;;AAn+BF;EA89BC;IAOE;;;AAED;EACC;;;AAMJ;EACC;;AACA;EACC;EACA;EACA,kBAziCU;;AA0iCV;EACC;EACA;EACA;;AAj/BF;EAo/BA;IAEE;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AAxgCF;EA+/BA;IAYE;IACA;;;AAMD;AAAA;AAAA;EACC;EACA;EACA;;AA/gCF;EA4gCC;AAAA;AAAA;IAKE;;;AAvhCH;EAkhCC;AAAA;AAAA;IAQE;;;AAKF;EACC;;AA1hCF;EAyhCC;IAGE;;;AAKF;EACC;;AAID;EACC;;AACA;EACC;;;AAMJ;EACC;EACA;;AACA;EACC;;AAnjCD;EAkjCA;IAGE;;;AAED;EACC;EACA;;AACA;EACC,OAtnCE;;;AA4nCN;EACC;EACA,kBAnoCO;EAooCP;;AApkCA;EAikCD;IAKE;;;AAED;EACC,OAxoCM;EAyoCN;EACA;EACA;;AA5kCD;EAwkCA;IAME;;;AAplCF;EA8kCA;IASE;;;;AAKH;EACC;EACA;;AACA;EACC;;AACA;EACC;;AAGA;EACC,cA3pCE;EA4pCF,kBA5pCE;EA6pCF,OAjqCI;EAkqCJ;;AAGF;EACC;EACA;EAloCF;EACA,WAkoC4B;EAjoC5B,aAioCkC;EAhoClC,OArCW;EAsqCT;EACA;EAEA;EAEA;;AA/mCF;EAsmCC;IAWE;;;;AAOH;EACC;;AACA;EACC;;;AAKH;EACC;;AACA;EACC;EACA;;AACA;EACC;EACA;EACA;;AAGF;EACC,OA3sCM;EA4sCN;EACA;EACA;;AAED;EA3qCA;EACA,WA2qC2B;EA1qC3B,aA0qCiC;EAzqCjC,OAxCO;EAktCN;;AAED;EACC;EACA;EAlqCD,OAmqCe;EAlqCf,QAkqCoB;EACnB,kBAxtCM;EAytCN;;AAED;EACC;EACA;EACA;;AACA;EACC;EA5qCF,OA6qCgB;EA5qChB,QA4qCkC;EArrClC,UAsrCoB;EArrCpB,KAqrC8B;EAlrC9B,MAkrCgD;EAC9C;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAID;EACC,kBArvCQ;;AAsvCR;EACC,cAvvCO;;AA4vCT;EACC,kBA5vCS;;AA6vCT;EACC,cA9vCQ;;;AAowCZ;EACC;;AACA;EACC;EACA;;AACA;EACC;EACA;EACA;;;AAMF;EACC;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;;AAKH;EACC;EA9vCA,UA+vCkB;EA9vClB,KA8vC4B;EA3vC5B,MA2vC6C;EAC7C;;AACA;EACC;EACA,aAvxCK;EAwxCL,OAhzCM;EAizCN;EACA;;AACA;EACC;EACA;;AAGF;EACC;EACA;EACA;EACA;;;AAMA;EACC;EAvxCF,UAwxCoB;EAvxCpB,KAuxC8B;EApxC9B,MAoxC6C;EAhxC7C,OAixCgB;EAhxChB,QAgxCsB;EACpB;;;AAKH;EACC;EACA;EACA;;AAGC;EACC,cA30CQ;;AA60CT;EACC;;AAED;EACC;EACA;;AAIF;EAzyCA,OA0yCe;EAzyCf,QAyyCsB;EACrB;EACA;EACA;;AACA;EACC;EA/yCF,OAgzCgB;EA/yChB,QA+yCkC;EAxzClC,UAyzCoB;EAxzCpB,KAwzC8B;EArzC9B,MAqzCgD;EAC9C;EACA;;AAED;EACC;EA9zCF,UA+zCoB;EA9zCpB,KA8zC8B;EA3zC9B,MA2zC6C;EAvzC7C,OAwzCgB;EAvzChB,QAuzCsB;EACpB,kBA72CK;EA82CL;EACA;;AAGF;EAt0CA,UAu0CmB;EAt0CnB,KAs0C6B;EAn0C7B,MAm0C8C;EAC7C;EACA;EACA;EACA;EACA;;AAED;EACC,aAn2CK;EAo2CL;EACA;EACA,OA33CU;EA43CV;;AAED;EACC,aA32CU;EA42CV;EACA;EACA,OAp4CK;;;AAw4CP;AAEC;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC,OA14CS;;AA44CV;AAAA;AAAA;AAAA;EAIC,kBAh5CS;;;AAs5CT;EACC;EAl3CF,UAm3CoB;EAl3CpB,KAk3C8B;EA/2C9B,MA+2C+C;EA32C/C,OA42CgB;EA32ChB,QA22CqB;EACnB,kBA75CG;;AAg6CL;EACC;;AACA;EACC;;AAED;EACC;;;AAIH;EACC;EACA;;AACA;EACC;EACA;EACA;EACA,OAl7CU;EAm7CV;EACA;EACA;;AACA;EACC;;AAED;EACC,OAz7CG;;AA07CH;EACC;EACA;;AAGF;EACC,OAh8CG;EAi8CH;;AAED;EACC;EACA;EACA;;;AAKH;EACC;;AACA;EACC;EACA;EACA;;AAEA;EACC;;AAGF;EACC;EACA;EACA,OA19CU;EA29CV;EACA;EACA;;;AAIF;EACC;EACA,OAn+CW;;AAo+CX;EACC;;AACA;EACC;;AAIF;EACC,aA59CU;EA69CV;EACA;EACA;EACA,OAh/CU;EAi/CV;;AACA;EACC,OAl/CG;;AAo/CJ;EACC;EACA;EACA;;AAGF;EACC;;AAED;EACC;EACA;EACA,OAhgDI;EAigDJ;EACA;;AAED;EACC;;AAED;EACC,OAzgDU;EA0gDV;EACA;;AACA;EACC;EACA;;AAGF;EACC,OAjhDI;;AAmhDL;EACC;EACA;EACA;;AAIA;EACC;;;AAKH;EACC;;AACA;EACC;;AAED;EACC;EACA;;AA5+CD;EA0+CA;IAIE;IACA;;;AAGD;EACC;;AAGF;EACC;;AAv/CD;EAs/CA;IAGE;;;AA//CF;EA4/CA;IAME;;;AAGF;EACC;;AAtgDD;EAqgDA;IAGE;;;AAGF;EACC;;AA5gDD;EA2gDA;IAGE;;;AAGF;EACC;;AAlhDD;EAihDA;IAGE;;;AAGF;EACC;;AAxhDD;EAuhDA;IAGE;;;AAGF;EACC;;AA9hDD;EA6hDA;IAGE;;;AAGF;EACC;EACA;;AAriDD;EAmiDA;IAIE;;;;AAOH;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EAEA;EAMA;;AALA;EACE;EACA;EACA;;AAGF;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;;AAGJ;EACC;EACA;;AAEA;EACE;EACA;;AAEA;EAJF;IAKC;IACA;IACA;;EACA;IACE;;EAEF;IACE;;;AAID;EACD;EACA;EACA;EACA;EACA;EACA;;AAEC;EACD;EACA;EACA;EACA;;;AAKD;EACE;EAEA;;;AAGD;EACD;;;AAEC;EACD;;;AAEC;EACD;;;AAEC;EACD;;;AAEC;EACD;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;;;AAGD;EACD;EACA;EACA;EACA;EACA;;AACA;EANC;IAOC;IACA;;;;AAGD;EAOD;EACA;EACA;EACA;EACA;;AAVA;EACE;EACA;EACA;;AASF;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EAtBC;IAuBC;IACA;;;;AAID;EACD;EACA;EACA;EA0BA;;AAxBA;EACE;EACA;;AAEF;EACC;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACD;EACA;;AAMD;EAhCC;IAiCC;;EACA;IACD;IACA;;;;AAIA;EAED;EACA;;AACA;EAJC;IAKC;;;AAEF;EACE;EACA;;AAEF;EACE;;AACA;EACD;EACA;;;AAKA;EACD;EACA;EASA;AAaA;AA0BA;;AA9CA;EAJC;IAKC;IACA;IACA;IACA;;;AAIF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAIF;EACE;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;;AACA;EACD;;AAEC;EAfF;IAgBC;IACA;;;AASD;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EAVF;IAWC;IACA;;;AAIC;EACD;EACA;EACA;;AACA;EAJC;IAKC;IACA;;;AAID;EACD;EACA;EACA;;AACA;EAJC;IAKC;;;AAIF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;AAMF;EACD;EACA;EAOA;EAKA;EACA;;AAVE;EALD;IAMD;IACA;;;AAGA;EACE;EACA;;AAKF;EACE;EACA;;AACA;EAHF;IAIC;;;AAID;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EAPF;IAQC;;;AAKD;EACE;EACA;EACA;EAEA;EACA;EACA;EAcA;AACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AACA;EACA;;AAlBA;EACD;EACA;EACA;;AAEC;EACD;;AAaC;EACD;;AAGD;EACE;EACA;EACA;EACA;EACA;;;AAID;EACD;EACA;;;AAED;EACC;EACA;EACA;EAOA;;AALA;EACE;EACA;EACA;;AAKF;EAbD;IAcG;;EACA;IACD;IACA;;;AAID;EACC;EACA;;;AAIF;EACC","file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["main.scss"],"names":[],"mappings":"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CA;EANF;IAOI;IACA;;;;AAGJ;EAOE;EACA;EACA;EACA;EACA;;AAVA;EACE;EACA;EACA;;AASF;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EAtBF;IAuBI;IACA;;;;AAIJ;EACE;EACA;EACA;EA0BA;;AAxBA;EACE;EACA;;AAEF;EACE;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAMJ;EAhCF;IAiCI;;EACA;IACE;IACA;;;;AAIN;EAEE;EACA;;AACA;EAJF;IAKI;;;AAEF;EACE;EACA;;AAEF;EACE;;AACA;EACE;EACA;;;AAKN;EACE;EACA;EASA;AAaA;AA0BA;;AA9CA;EAJF;IAKI;IACA;IACA;IACA;;;AAIF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAIF;EACE;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EAfF;IAgBI;IACA;;;AASJ;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EAVF;IAWI;IACA;;;AAIF;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;;;AAIJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAIF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;AAMR;EACE;EACA;EAOA;EAKA;EACA;;AAVA;EALF;IAMI;IACA;;;AAGF;EACE;EACA;;AAKF;EACE;EACA;;AACA;EAHF;IAII;;;AAGJ;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EAPF;IAQI;;;AAIJ;EACE;EACA;EACA;EAEA;EACA;EACA;EAaA;AACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AACA;EACA;;AAlBA;EACE;EACA;EACA;;AAEF;EACE;;AAaF;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAEF;EAEE;EACA;EACA;EACA;EACA;EAsBA;;AApBA;EACE;;AACA;EAEE;EACA;EACA;;AAEF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAKF;EA/BF;IAgCI;;EACA;IACE;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;;;AAIF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;;AACA;EACE;;AAEF;EAGE;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;;;AAOZ;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;;AACA;EACE","file":"main.css"}
\ No newline at end of file
diff --git a/website/main.scss b/website/main.scss
index 0a0faf66..9b35d7b5 100755
--- a/website/main.scss
+++ b/website/main.scss
@@ -1,4 +1,3 @@
-
$black: #000000;
$white: #ffffff;
$grey: #777777;
@@ -37,88 +36,88 @@ $bold: 700;
}*/
@mixin font($fontFamily, $fontSize, $lineHeight, $colorText) {
- font-family: $fontFamily, sans-serif;
- font-size: $fontSize;
- line-height: $lineHeight;
- color: $colorText;
+ font-family: $fontFamily, sans-serif;
+ font-size: $fontSize;
+ line-height: $lineHeight;
+ color: $colorText;
}
@mixin position($position, $top, $right, $bottom, $left) {
- position: $position;
- top: $top;
- right: $right;
- bottom: $bottom;
- left: $left;
+ position: $position;
+ top: $top;
+ right: $right;
+ bottom: $bottom;
+ left: $left;
}
@mixin size($width, $height) {
- width: $width;
- height: $height;
+ width: $width;
+ height: $height;
}
@mixin mobile {
- @media (max-width: #{$mobile}) {
- @content;
- }
+ @media (max-width: #{$mobile}) {
+ @content;
+ }
}
@mixin portable {
- @media (max-width: #{$portable}) {
- @content;
- }
+ @media (max-width: #{$portable}) {
+ @content;
+ }
}
@-webkit-keyframes animateLineLogo {
- 15% {
- fill: #c7403a;
- }
- 30% {
- fill: #81898e;
- }
- 45% {
- fill: #993d3f;
- }
- 100% {
- fill: #000000;
- }
+ 15% {
+ fill: #c7403a;
+ }
+ 30% {
+ fill: #81898e;
+ }
+ 45% {
+ fill: #993d3f;
+ }
+ 100% {
+ fill: #000000;
+ }
}
@-moz-keyframes animateLineLogo {
- 15% {
- fill: #c7403a;
- }
- 30% {
- fill: #81898e;
- }
- 45% {
- fill: #993d3f;
- }
- 100% {
- fill: #000000;
- }
+ 15% {
+ fill: #c7403a;
+ }
+ 30% {
+ fill: #81898e;
+ }
+ 45% {
+ fill: #993d3f;
+ }
+ 100% {
+ fill: #000000;
+ }
}
@keyframes animateLineLogo {
- 15% {
- fill: #c7403a;
- }
- 30% {
- fill: #81898e;
- }
- 45% {
- fill: #993d3f;
- }
- 100% {
- fill: #000000;
- }
+ 15% {
+ fill: #c7403a;
+ }
+ 30% {
+ fill: #81898e;
+ }
+ 45% {
+ fill: #993d3f;
+ }
+ 100% {
+ fill: #000000;
+ }
}
@keyframes animateLettersLogo {
- from {
- fill: transparent;
- }
- to {
- fill: #ffffff;
- }
+ from {
+ fill: transparent;
+ }
+ to {
+ fill: #ffffff;
+ }
}
//icons
@@ -138,31 +137,31 @@ $icon-less: "\e906";
$icon-linkedin1: "\eac9";
@font-face {
- font-family: "icomoon";
- src: url("#{$icomoon-font-path}/icomoon.eot?sozc77");
- src: url("#{$icomoon-font-path}/icomoon.eot?sozc77#iefix") format("embedded-opentype"),
- url("#{$icomoon-font-path}/icomoon.ttf?sozc77") format("truetype"),
- url("#{$icomoon-font-path}/icomoon.woff?sozc77") format("woff"),
- url("#{$icomoon-font-path}/icomoon.svg?sozc77#icomoon") format("svg");
- font-weight: normal;
- font-style: normal;
+ font-family: "icomoon";
+ src: url("#{$icomoon-font-path}/icomoon.eot?sozc77");
+ src: url("#{$icomoon-font-path}/icomoon.eot?sozc77#iefix") format("embedded-opentype"),
+ url("#{$icomoon-font-path}/icomoon.ttf?sozc77") format("truetype"),
+ url("#{$icomoon-font-path}/icomoon.woff?sozc77") format("woff"),
+ url("#{$icomoon-font-path}/icomoon.svg?sozc77#icomoon") format("svg");
+ font-weight: normal;
+ font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
- /* use !important to prevent issues with browser extensions that change fonts */
- font-family: "icomoon" !important;
- font-style: normal;
- font-weight: normal;
- font-variant: normal;
- display: inline-block;
- text-transform: none;
- line-height: 1;
- transition: color $standard-animation-time ease;
- -webkit-transition: color $standard-animation-time ease;
- /* Better Font Rendering =========== */
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
+ /* use !important to prevent issues with browser extensions that change fonts */
+ font-family: "icomoon" !important;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ display: inline-block;
+ text-transform: none;
+ line-height: 1;
+ transition: color $standard-animation-time ease;
+ -webkit-transition: color $standard-animation-time ease;
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
}
.icon-linkedin,
@@ -171,204 +170,204 @@ $icon-linkedin1: "\eac9";
.icon-less,
.icon-plus,
.icon-email {
- font-size: 34px;
- color: $white;
- @include mobile {
- font-size: 30px;
- }
+ font-size: 34px;
+ color: $white;
+ @include mobile {
+ font-size: 30px;
+ }
}
.icon-linkedin_speaker {
- &:before {
- content: $icon-linkedin_speaker;
- }
+ &:before {
+ content: $icon-linkedin_speaker;
+ }
}
.icon-company {
- &:before {
- content: $icon-company;
- }
+ &:before {
+ content: $icon-company;
+ }
}
.icon-clock {
- &:before {
- content: $icon-clock;
- }
+ &:before {
+ content: $icon-clock;
+ }
}
.icon-location {
- &:before {
- content: $icon-location;
- }
+ &:before {
+ content: $icon-location;
+ }
}
.icon-email {
- &:before {
- content: $icon-email;
- }
+ &:before {
+ content: $icon-email;
+ }
}
.icon-instagram {
- &:before {
- content: $icon-instagram;
- }
+ &:before {
+ content: $icon-instagram;
+ }
}
.icon-facebook {
- &:before {
- content: $icon-facebook;
- }
+ &:before {
+ content: $icon-facebook;
+ }
}
.icon-linkedin {
- &:before {
- content: $icon-linkedin;
- }
+ &:before {
+ content: $icon-linkedin;
+ }
}
.icon-menu {
- &:before {
- content: $icon-menu;
- }
+ &:before {
+ content: $icon-menu;
+ }
}
.icon-plus {
- &:before {
- content: $icon-plus;
- }
+ &:before {
+ content: $icon-plus;
+ }
}
.icon-less {
- &:before {
- content: $icon-less;
- }
+ &:before {
+ content: $icon-less;
+ }
}
* {
- margin: 0;
- padding: 0;
- border: 0;
- outline: none;
- box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: none;
+ box-sizing: border-box;
}
a {
- text-decoration: none;
- transition: color $standard-animation-time ease;
- -webkit-transition: color $standard-animation-time ease;
+ text-decoration: none;
+ transition: color $standard-animation-time ease;
+ -webkit-transition: color $standard-animation-time ease;
}
ul,
li {
- list-style: none;
+ list-style: none;
}
body {
- width: 100%;
- position: relative;
- overflow-x: hidden;
- font-family: $mont-font, sans-serif;
- font-weight: $regular;
+ width: 100%;
+ position: relative;
+ overflow-x: hidden;
+ font-family: $mont-font, sans-serif;
+ font-weight: $regular;
}
button {
- &:hover {
- cursor: pointer;
- }
+ &:hover {
+ cursor: pointer;
+ }
}
span {
- display: block;
+ display: block;
}
section,
article,
aside {
- padding: 100px 0;
- @include portable {
- padding: 55px 0;
- }
- @include mobile {
- padding: 45px 0;
- }
+ padding: 100px 0;
+ @include portable {
+ padding: 55px 0;
+ }
+ @include mobile {
+ padding: 45px 0;
+ }
}
img {
- display: block;
- max-width: 100%;
- height: auto;
+ display: block;
+ max-width: 100%;
+ height: auto;
}
h1 {
- font-size: 38px;
- line-height: 34px;
- color: $dark-grey;
- font-weight: $bold;
- text-transform: uppercase;
- margin-bottom: 20px;
- @include portable {
- font-size: 34px;
- margin-bottom: 10px;
- }
- @include mobile {
- font-size: 30px;
- }
+ font-size: 38px;
+ line-height: 34px;
+ color: $dark-grey;
+ font-weight: $bold;
+ text-transform: uppercase;
+ margin-bottom: 20px;
+ @include portable {
+ font-size: 34px;
+ margin-bottom: 10px;
+ }
+ @include mobile {
+ font-size: 30px;
+ }
}
h2 {
- font-size: 28px;
- line-height: 30px;
- color: $dark-grey;
- font-weight: $bold;
- text-transform: uppercase;
- margin-bottom: 10px;
- @include portable {
- font-size: 24px;
- }
- @include mobile {
- font-size: 20px;
- }
+ font-size: 28px;
+ line-height: 30px;
+ color: $dark-grey;
+ font-weight: $bold;
+ text-transform: uppercase;
+ margin-bottom: 10px;
+ @include portable {
+ font-size: 24px;
+ }
+ @include mobile {
+ font-size: 20px;
+ }
}
h3 {
- font-size: 18px;
- line-height: 24px;
- font-weight: $bold;
- text-transform: uppercase;
- margin-bottom: 5px;
- color: $dark-grey;
+ font-size: 18px;
+ line-height: 24px;
+ font-weight: $bold;
+ text-transform: uppercase;
+ margin-bottom: 5px;
+ color: $dark-grey;
}
p {
- @include font($mont-font, 20px, 32px, $grey);
- @include portable {
- font-size: 16px;
- line-height: 24px;
- }
+ @include font($mont-font, 20px, 32px, $grey);
+ @include portable {
+ font-size: 16px;
+ line-height: 24px;
+ }
}
label {
- display: inline-block;
- @include font($mont-font, 22px, 22px, $dark-grey);
- margin-bottom: 10px;
- @include portable {
- font-size: 20px;
- margin-bottom: 5px;
- }
+ display: inline-block;
+ @include font($mont-font, 22px, 22px, $dark-grey);
+ margin-bottom: 10px;
+ @include portable {
+ font-size: 20px;
+ margin-bottom: 5px;
+ }
}
input {
- @include font($mont-font, 22px, 22px, $dark-grey);
- padding: 20px 35px;
- border: 1px solid $light-grey;
- margin-bottom: 25px;
- background-color: $white;
- transition: border-color $transition-time ease-out;
- -webkit-transition: border-color $transition-time ease-out;
- &:hover {
- border-color: $red;
- }
- &.error {
- border: 5px solid $red;
- }
- @include portable {
- font-size: 20px;
- padding: 15px 25px;
- }
+ @include font($mont-font, 22px, 22px, $dark-grey);
+ padding: 20px 35px;
+ border: 1px solid $light-grey;
+ margin-bottom: 25px;
+ background-color: $white;
+ transition: border-color $transition-time ease-out;
+ -webkit-transition: border-color $transition-time ease-out;
+ &:hover {
+ border-color: $red;
+ }
+ &.error {
+ border: 5px solid $red;
+ }
+ @include portable {
+ font-size: 20px;
+ padding: 15px 25px;
+ }
}
input[type="radio"] {
- margin-left: 10px;
+ margin-left: 10px;
}
input[type="text"],
@@ -376,9 +375,9 @@ input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"] {
- &::-webkit-input-placeholder {
- color: $dark-grey;
- }
+ &::-webkit-input-placeholder {
+ color: $dark-grey;
+ }
}
input[type="text"],
@@ -386,1259 +385,1256 @@ input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"] {
- width: 100%;
+ width: 100%;
}
input[type="submit"] {
- display: block;
- margin-top: 25px;
- margin-bottom: 0;
- background-color: $red;
- border-color: $red;
- color: $white;
- transition: color $standard-animation-time ease, background-color $standard-animation-time ease;
- -webkit-transition: color $standard-animation-time ease, background-color $standard-animation-time ease;
- cursor: pointer;
- &:hover {
- background-color: $white;
- color: $red;
- }
+ display: block;
+ margin-top: 25px;
+ margin-bottom: 0;
+ background-color: $red;
+ border-color: $red;
+ color: $white;
+ transition: color $standard-animation-time ease, background-color $standard-animation-time ease;
+ -webkit-transition: color $standard-animation-time ease, background-color $standard-animation-time ease;
+ cursor: pointer;
+ &:hover {
+ background-color: $white;
+ color: $red;
+ }
}
-
select {
- padding: 10px;
- border: 1px solid #eeeeee;
- margin-left: 25px;
+ padding: 10px;
+ border: 1px solid #eeeeee;
+ margin-left: 25px;
}
.vertically-aligned {
- display: flex;
- align-items: center;
- justify-content: center;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
.btn {
- display: block;
+ display: block;
}
.btn-default {
- font-family: "Bai Jamjuree", sans-serif;
- font-size: 17px;
- line-height: 21px;
- color: $dark-grey;
- display: table;
- margin: 0 auto;
- background-color: white;
- font-weight: 700;
- margin-top: 40px;
- text-transform: uppercase;
- border: 1px solid #eeeeee;
- padding: 15px 60px;
- transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
- -webkit-transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
- &:hover {
- border-color: $red;
- background-color: $red;
- color: $white;
- }
- @include mobile {
- display: inline-block;
- margin-top: 30px;
- }
+ font-family: "Bai Jamjuree", sans-serif;
+ font-size: 17px;
+ line-height: 21px;
+ color: $dark-grey;
+ display: table;
+ margin: 0 auto;
+ background-color: white;
+ font-weight: 700;
+ margin-top: 40px;
+ text-transform: uppercase;
+ border: 1px solid #eeeeee;
+ padding: 15px 60px;
+ transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
+ -webkit-transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
+ &:hover {
+ border-color: $red;
+ background-color: $red;
+ color: $white;
+ }
+ @include mobile {
+ display: inline-block;
+ margin-top: 30px;
+ }
}
hr {
- @include size(55%, 1px);
- background-color: $light-grey;
- margin-bottom: 30px;
- position: relative;
- @include portable {
- margin-bottom: 20px;
- }
- &::after {
- content: " ";
- @include size(30%, 1px);
- @include position(absolute, 0, null, null, 0);
- background-color: $red;
- }
+ @include size(55%, 1px);
+ background-color: $light-grey;
+ margin-bottom: 30px;
+ position: relative;
+ @include portable {
+ margin-bottom: 20px;
+ }
+ &::after {
+ content: " ";
+ @include size(30%, 1px);
+ @include position(absolute, 0, null, null, 0);
+ background-color: $red;
+ }
}
.grey {
- background-color: $light-grey;
+ background-color: $light-grey;
}
#error-message {
- font-size: 115px;
- line-height: 140px;
- padding: 0 40px;
- background-color: $black;
- color: $white;
- display: inline-block;
- margin-bottom: 0;
- @include position(absolute, 50%, null, null, 50%);
- -webkit-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- @include portable {
- font-size: 75px;
- line-height: 100px;
- padding: 0 30px;
- }
- @include mobile {
- font-size: 55px;
- line-height: 80px;
- padding: 0 25px;
- }
+ font-size: 115px;
+ line-height: 140px;
+ padding: 0 40px;
+ background-color: $black;
+ color: $white;
+ display: inline-block;
+ margin-bottom: 0;
+ @include position(absolute, 50%, null, null, 50%);
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ @include portable {
+ font-size: 75px;
+ line-height: 100px;
+ padding: 0 30px;
+ }
+ @include mobile {
+ font-size: 55px;
+ line-height: 80px;
+ padding: 0 25px;
+ }
}
#main-menu {
- @include position(fixed, 0, null, null, 0);
- text-align: center;
- z-index: 5;
- width: 100%;
- &.changed {
- nav {
- background-color: rgba(0, 0, 0, 0.8);
- @include mobile {
- background-color: rgba(0, 0, 0, 0.9);
- }
- }
- }
+ @include position(fixed, 0, null, null, 0);
+ text-align: center;
+ z-index: 5;
+ width: 100%;
+ &.changed {
+ nav {
+ background-color: rgba(0, 0, 0, 0.8);
+ @include mobile {
+ background-color: rgba(0, 0, 0, 0.9);
+ }
+ }
+ }
- nav {
- display: inline-block;
- width: 100%;
- max-width: 1140px;
- padding: 25px 15px;
- background-color: rgba(0, 0, 0, 0.6);
- transition: background-color $transition-time ease-out;
- -webkit-transition: background-color $transition-time ease-out;
- @include portable {
- padding: 20px 30px;
- }
- @include mobile {
- padding: 0;
- background-color: rgba(0, 0, 0, 0.8);
- }
- #open-menu-mobile {
- display: none;
- @include font($mont-font, 18px, 22px, $white);
- font-weight: $semi-bold;
- letter-spacing: 2px;
- text-transform: uppercase;
- text-align: left;
- padding: 15px 20px;
- border-bottom: 1px solid $white;
- @include mobile {
- display: block;
- }
- &::after {
- content: $icon-menu;
- @include font("icomoon", 22px, 20px, $white);
- font-weight: $regular;
- float: right;
- }
- }
- ul {
- @include mobile {
- display: none;
- margin: 15px 0;
- }
- li {
- display: inline-block;
- @include font($mont-font, 19px, 21px, $white);
- font-weight: $semi-bold;
- margin: 0 20px;
- text-transform: uppercase;
- @include portable {
- font-size: 17px;
- line-height: 19px;
- margin: 0 10px;
- }
- @include mobile {
- width: 100%;
- margin: 10px 0;
- }
- &.unavailable {
- text-decoration: line-through;
- }
- a {
- color: $white;
- transition: color $transition-time ease-out;
- -webkit-transition: color $transition-time ease-out;
- position: relative;
- &:hover {
- color: $red;
- @include mobile {
- color: $white;
- }
- &::after {
- width: 100%;
- }
- }
- &::after {
- content: " ";
- @include position(absolute, null, null, -8px, 0);
- @include size(0, 3px);
- background-color: $red;
- transition: width $transition-time ease-out;
- @include portable {
- bottom: -6px;
- }
- @include mobile {
- display: none;
- }
- }
- }
- }
- }
- }
+ nav {
+ display: inline-block;
+ width: 100%;
+ max-width: 1140px;
+ padding: 25px 15px;
+ background-color: rgba(0, 0, 0, 0.6);
+ transition: background-color $transition-time ease-out;
+ -webkit-transition: background-color $transition-time ease-out;
+ @include portable {
+ padding: 20px 30px;
+ }
+ @include mobile {
+ padding: 0;
+ background-color: rgba(0, 0, 0, 0.8);
+ }
+ #open-menu-mobile {
+ display: none;
+ @include font($mont-font, 18px, 22px, $white);
+ font-weight: $semi-bold;
+ letter-spacing: 2px;
+ text-transform: uppercase;
+ text-align: left;
+ padding: 15px 20px;
+ border-bottom: 1px solid $white;
+ @include mobile {
+ display: block;
+ }
+ &::after {
+ content: $icon-menu;
+ @include font("icomoon", 22px, 20px, $white);
+ font-weight: $regular;
+ float: right;
+ }
+ }
+ ul {
+ @include mobile {
+ display: none;
+ margin: 15px 0;
+ }
+ li {
+ display: inline-block;
+ @include font($mont-font, 19px, 21px, $white);
+ font-weight: $semi-bold;
+ margin: 0 20px;
+ text-transform: uppercase;
+ @include portable {
+ font-size: 17px;
+ line-height: 19px;
+ margin: 0 10px;
+ }
+ @include mobile {
+ width: 100%;
+ margin: 10px 0;
+ }
+ &.unavailable {
+ text-decoration: line-through;
+ }
+ a {
+ color: $white;
+ transition: color $transition-time ease-out;
+ -webkit-transition: color $transition-time ease-out;
+ position: relative;
+ &:hover {
+ color: $red;
+ @include mobile {
+ color: $white;
+ }
+ &::after {
+ width: 100%;
+ }
+ }
+ &::after {
+ content: " ";
+ @include position(absolute, null, null, -8px, 0);
+ @include size(0, 3px);
+ background-color: $red;
+ transition: width $transition-time ease-out;
+ @include portable {
+ bottom: -6px;
+ }
+ @include mobile {
+ display: none;
+ }
+ }
+ }
+ }
+ }
+ }
}
#logo-enei {
- width: 221px;
- @include position(fixed, calc(50% - 166px), null, null, calc(50% - 110px));
- z-index: 10;
- @include portable {
- width: 175px;
- top: calc(50% - 131px);
- left: calc(50% - 87px);
- }
- @include mobile {
- width: 125px;
- top: calc(50% - 70px);
- left: calc(50% - 62px);
- }
- #linha {
- fill: transparent;
- -webkit-animation: animateLineLogo 1s 0.25s forwards; /* Safari & Chrome */
- -moz-animation: animateLineLogo 1s 0.25s forwards; /* Firefox */
- animation: animateLineLogo 1s 0.25s forwards;
- }
- .letras-logo {
- fill: transparent;
- animation: animateLettersLogo 0.25s 0.7s forwards ease-in;
- }
+ width: 221px;
+ @include position(fixed, calc(50% - 166px), null, null, calc(50% - 110px));
+ z-index: 10;
+ @include portable {
+ width: 175px;
+ top: calc(50% - 131px);
+ left: calc(50% - 87px);
+ }
+ @include mobile {
+ width: 125px;
+ top: calc(50% - 70px);
+ left: calc(50% - 62px);
+ }
+ #linha {
+ fill: transparent;
+ -webkit-animation: animateLineLogo 1s 0.25s forwards; /* Safari & Chrome */
+ -moz-animation: animateLineLogo 1s 0.25s forwards; /* Firefox */
+ animation: animateLineLogo 1s 0.25s forwards;
+ }
+ .letras-logo {
+ fill: transparent;
+ animation: animateLettersLogo 0.25s 0.7s forwards ease-in;
+ }
}
#apresentation {
- height: 100vh;
- background: url("imgs/coimbra-image.jpg") no-repeat center;
- background-size: cover;
- background-attachment: fixed;
- position: relative;
- &.main-landing {
- z-index: 10;
- }
+ height: 100vh;
+ background: url("imgs/coimbra-image.jpg") no-repeat center;
+ background-size: cover;
+ background-attachment: fixed;
+ position: relative;
+ &.main-landing {
+ z-index: 10;
+ }
- &.main-landing::after {
- content: " ";
- @include position(fixed, 0, null, null, 0);
- @include size(100%, 100%);
- background-color: $white;
- opacity: 1;
- transition: opacity 150ms ease-out;
- }
- &.main-landing.animated {
- z-index: 0;
- &::after {
- opacity: 0;
- }
- #logo-enei {
- position: absolute;
- }
- #linha {
- fill: $black;
- animation: none;
- }
- .letras-logo {
- fill: $white;
- animation: none;
- }
- }
- @include mobile {
- height: 60vh;
- background-position: bottom right;
- background-attachment: inherit;
- }
+ &.main-landing::after {
+ content: " ";
+ @include position(fixed, 0, null, null, 0);
+ @include size(100%, 100%);
+ background-color: $white;
+ opacity: 1;
+ transition: opacity 150ms ease-out;
+ }
+ &.main-landing.animated {
+ z-index: 0;
+ &::after {
+ opacity: 0;
+ }
+ #logo-enei {
+ position: absolute;
+ }
+ #linha {
+ fill: $black;
+ animation: none;
+ }
+ .letras-logo {
+ fill: $white;
+ animation: none;
+ }
+ }
+ @include mobile {
+ height: 60vh;
+ background-position: bottom right;
+ background-attachment: inherit;
+ }
}
#enei {
- background-color: $white;
- background: url("imgs/cubes-image.png") no-repeat top right;
- background-size: 20%;
- @include portable {
- background-size: 25%;
- }
- @include mobile {
- background-image: none;
- }
+ background-color: $white;
+ background: url("imgs/cubes-image.png") no-repeat top right;
+ background-size: 20%;
+ @include portable {
+ background-size: 25%;
+ }
+ @include mobile {
+ background-image: none;
+ }
}
.pre-h1 {
- @include font($mont-font, 20px, 22px, $grey);
- font-weight: $semi-bold;
- text-transform: uppercase;
- margin-bottom: 10px;
- @include portable {
- font-size: 17px;
- }
- @include mobile {
- margin-bottom: 5px;
- }
+ @include font($mont-font, 20px, 22px, $grey);
+ font-weight: $semi-bold;
+ text-transform: uppercase;
+ margin-bottom: 10px;
+ @include portable {
+ font-size: 17px;
+ }
+ @include mobile {
+ margin-bottom: 5px;
+ }
}
#countdown {
- background-color: $dark-blue;
- padding: 80px 0;
- text-align: center;
- @include portable {
- padding: 50px 0;
- }
- @include mobile {
- padding: 40px 0;
- }
- div {
- display: inline-block;
- margin: 0 30px;
- @include portable {
- margin: 0 15px;
- }
- @include mobile {
- margin: 0 5px;
- }
- span {
- @include font($mont-font, 86px, 66px, $white);
- font-weight: $bold;
- display: block;
- margin-bottom: 20px;
- @include portable {
- font-size: 66px;
- margin-bottom: 5px;
- }
- @include mobile {
- font-size: 50px;
- line-height: 55px;
- margin-bottom: 0;
- }
- }
- .smalltext {
- @include font($mont-font, 25px, 25px, $red);
- font-weight: $bold;
- display: block;
- @include portable {
- font-size: 22px;
- }
- @include mobile {
- font-size: 16px;
- }
- }
- }
+ background-color: $dark-blue;
+ padding: 80px 0;
+ text-align: center;
+ @include portable {
+ padding: 50px 0;
+ }
+ @include mobile {
+ padding: 40px 0;
+ }
+ div {
+ display: inline-block;
+ margin: 0 30px;
+ @include portable {
+ margin: 0 15px;
+ }
+ @include mobile {
+ margin: 0 5px;
+ }
+ span {
+ @include font($mont-font, 86px, 66px, $white);
+ font-weight: $bold;
+ display: block;
+ margin-bottom: 20px;
+ @include portable {
+ font-size: 66px;
+ margin-bottom: 5px;
+ }
+ @include mobile {
+ font-size: 50px;
+ line-height: 55px;
+ margin-bottom: 0;
+ }
+ }
+ .smalltext {
+ @include font($mont-font, 25px, 25px, $red);
+ font-weight: $bold;
+ display: block;
+ @include portable {
+ font-size: 22px;
+ }
+ @include mobile {
+ font-size: 16px;
+ }
+ }
+ }
}
#available-soon {
- text-align: center;
- h1 {
- margin-bottom: 40px;
- line-height: 50px;
- @include mobile {
- font-size: 25px;
- line-height: 35px;
- margin-bottom: 30px;
- }
- }
- #wave {
- .dot {
- display: inline-block;
- @include size(25px, 25px);
- border-radius: 50%;
- margin: 0 5px;
- animation: wave 1.3s ease-out infinite;
- @include mobile {
- @include size(20px, 20px);
- margin: 0 2px;
- }
- &:nth-child(1) {
- background-color: #858683;
- }
- &:nth-child(2) {
- background-color: #e82d28;
- animation-delay: -1.1s;
- }
- &:nth-child(3) {
- background-color: #5f2021;
- animation-delay: -0.9s;
- }
- }
- }
+ text-align: center;
+ h1 {
+ margin-bottom: 40px;
+ line-height: 50px;
+ @include mobile {
+ font-size: 25px;
+ line-height: 35px;
+ margin-bottom: 30px;
+ }
+ }
+ #wave {
+ .dot {
+ display: inline-block;
+ @include size(25px, 25px);
+ border-radius: 50%;
+ margin: 0 5px;
+ animation: wave 1.3s ease-out infinite;
+ @include mobile {
+ @include size(20px, 20px);
+ margin: 0 2px;
+ }
+ &:nth-child(1) {
+ background-color: #858683;
+ }
+ &:nth-child(2) {
+ background-color: #e82d28;
+ animation-delay: -1.1s;
+ }
+ &:nth-child(3) {
+ background-color: #5f2021;
+ animation-delay: -0.9s;
+ }
+ }
+ }
- @keyframes wave {
- 0%,
- 100% {
- transform: initial scale(1);
- }
+ @keyframes wave {
+ 0%,
+ 100% {
+ transform: initial scale(1);
+ }
- 50% {
- transform: translateY(-10px) scale(1.2);
- }
- }
+ 50% {
+ transform: translateY(-10px) scale(1.2);
+ }
+ }
}
#programa {
- background-color: $dark-blue;
- text-align: center;
- h1,
- .pre-h1 {
- color: $light-grey;
- }
- hr {
- display: table;
- margin: 0 auto;
- &::after {
- left: 50%;
- transform: translateX(-50%);
- -webkit-transform: translateX(-50%);
- }
- }
+ background-color: $dark-blue;
+ text-align: center;
+ h1,
+ .pre-h1 {
+ color: $light-grey;
+ }
+ hr {
+ display: table;
+ margin: 0 auto;
+ &::after {
+ left: 50%;
+ transform: translateX(-50%);
+ -webkit-transform: translateX(-50%);
+ }
+ }
}
#precos {
- text-align: center;
- position: relative;
- /*@include portable {
+ text-align: center;
+ position: relative;
+ /*@include portable {
padding-bottom: 100px;
}*/
- hr {
- display: table;
- margin: 0 auto 60px;
- &::after {
- left: 50%;
- transform: translateX(-50%);
- -webkit-transform: translateX(-50%);
- }
- }
- .price-block {
- display: inline-flex;
- flex-direction: column;
- justify-content: space-between;
- width: 100%;
- min-height: 460px;
- max-width: 260px;
- border: 1px solid $light-grey;
- padding: 0 30px 40px;
- margin: 0 15px;
- transition: transform $transition-time ease-out;
- -webkit-transition: transform $transition-time ease-out;
- @include portable {
- max-width: 210px;
- padding: 0 15px 40px;
- margin: 0 10px;
- }
- @include mobile {
- max-width: 350px;
- min-height: inherit;
- padding: 0 15px 40px;
- margin: 0 auto 35px;
- display: table;
- }
- &:hover {
- transform: scale(1.05);
- -webkit-transform: scale(1.05);
- }
- hr {
- margin-bottom: 10px;
- margin-top: 25px;
- width: 100%;
- border: 1px solid $light-grey;
- border-style: dashed;
- background-color: transparent;
- &::after {
- display: none;
- }
- }
- .price {
- @include font($mont-font, 58px, 58px, $dark-grey);
- font-weight: $semi-bold;
- @include mobile {
- margin: 20px 0;
- }
- span {
- font-size: 30px;
- vertical-align: super;
- margin-right: 5px;
- }
- &.exception {
- &::after {
- content: "*/**";
- font-size: 13px;
- vertical-align: top;
- }
- }
- }
- .label {
- @include font($mont-font, 22px, 22px, $grey);
- font-weight: $semi-bold;
- margin-top: 10px;
- }
- .type {
- width: 100%;
- padding: 20px 0;
- background-color: $red;
- text-align: center;
- @include font($mont-font, 18px, 18px, $white);
- font-weight: $bold;
- text-transform: uppercase;
- margin-top: -1px;
- }
- .buy-button {
- @include font($mont-font, 14px, 14px, $grey);
- font-weight: $bold;
- text-transform: uppercase;
- border: 1px solid $light-grey;
- padding: 10px 30px;
- transition: border-color $transition-time ease-out, background-color $transition-time ease-out,
- color $transition-time ease-out;
- -webkit-transition: border-color $transition-time ease-out, background-color $transition-time ease-out,
- color $transition-time ease-out;
- &:hover {
- border-color: $red;
- background-color: $red;
- color: $white;
- }
- @include mobile {
- display: inline-block;
- margin-top: 30px;
- }
- }
- .options {
- font-family: "Bai Jamjuree", sans-serif;
- font-size: 16px;
- line-height: 23px;
- color: #777777;
- font-weight: 400;
- margin-top: 20px;
- display: inline-block;
- }
- &.disable {
- &:hover {
- transform: scale(1);
- -webkit-transform: scale(1);
- }
- .buy-button {
- &:hover {
- border-color: $light-grey;
- background-color: transparent;
- color: $grey;
- }
- }
- }
- }
- .ps {
- @include position(absolute, null, 20px, 20px, null);
- text-align: right;
- p {
- font-size: 13px;
- color: $dark-grey;
- text-transform: uppercase;
- }
- }
+ hr {
+ display: table;
+ margin: 0 auto 60px;
+ &::after {
+ left: 50%;
+ transform: translateX(-50%);
+ -webkit-transform: translateX(-50%);
+ }
+ }
+ .price-block {
+ display: inline-flex;
+ flex-direction: column;
+ justify-content: space-between;
+ width: 100%;
+ min-height: 460px;
+ max-width: 260px;
+ border: 1px solid $light-grey;
+ padding: 0 30px 40px;
+ margin: 0 15px;
+ transition: transform $transition-time ease-out;
+ -webkit-transition: transform $transition-time ease-out;
+ @include portable {
+ max-width: 210px;
+ padding: 0 15px 40px;
+ margin: 0 10px;
+ }
+ @include mobile {
+ max-width: 350px;
+ min-height: inherit;
+ padding: 0 15px 40px;
+ margin: 0 auto 35px;
+ display: table;
+ }
+ &:hover {
+ transform: scale(1.05);
+ -webkit-transform: scale(1.05);
+ }
+ hr {
+ margin-bottom: 10px;
+ margin-top: 25px;
+ width: 100%;
+ border: 1px solid $light-grey;
+ border-style: dashed;
+ background-color: transparent;
+ &::after {
+ display: none;
+ }
+ }
+ .price {
+ @include font($mont-font, 58px, 58px, $dark-grey);
+ font-weight: $semi-bold;
+ @include mobile {
+ margin: 20px 0;
+ }
+ span {
+ font-size: 30px;
+ vertical-align: super;
+ margin-right: 5px;
+ }
+ &.exception {
+ &::after {
+ content: "*/**";
+ font-size: 13px;
+ vertical-align: top;
+ }
+ }
+ }
+ .label {
+ @include font($mont-font, 22px, 22px, $grey);
+ font-weight: $semi-bold;
+ margin-top: 10px;
+ }
+ .type {
+ width: 100%;
+ padding: 20px 0;
+ background-color: $red;
+ text-align: center;
+ @include font($mont-font, 18px, 18px, $white);
+ font-weight: $bold;
+ text-transform: uppercase;
+ margin-top: -1px;
+ }
+ .buy-button {
+ @include font($mont-font, 14px, 14px, $grey);
+ font-weight: $bold;
+ text-transform: uppercase;
+ border: 1px solid $light-grey;
+ padding: 10px 30px;
+ transition: border-color $transition-time ease-out, background-color $transition-time ease-out,
+ color $transition-time ease-out;
+ -webkit-transition: border-color $transition-time ease-out, background-color $transition-time ease-out,
+ color $transition-time ease-out;
+ &:hover {
+ border-color: $red;
+ background-color: $red;
+ color: $white;
+ }
+ @include mobile {
+ display: inline-block;
+ margin-top: 30px;
+ }
+ }
+ .options {
+ font-family: "Bai Jamjuree", sans-serif;
+ font-size: 16px;
+ line-height: 23px;
+ color: #777777;
+ font-weight: 400;
+ margin-top: 20px;
+ display: inline-block;
+ }
+ &.disable {
+ &:hover {
+ transform: scale(1);
+ -webkit-transform: scale(1);
+ }
+ .buy-button {
+ &:hover {
+ border-color: $light-grey;
+ background-color: transparent;
+ color: $grey;
+ }
+ }
+ }
+ }
+ .ps {
+ @include position(absolute, null, 20px, 20px, null);
+ text-align: right;
+ p {
+ font-size: 13px;
+ color: $dark-grey;
+ text-transform: uppercase;
+ }
+ }
}
#app {
- background-color: $light-grey;
- text-align: center;
- padding-bottom: 0;
- h1 {
- color: $black;
- margin-bottom: 70px;
- }
+ background-color: $light-grey;
+ text-align: center;
+ padding-bottom: 0;
+ h1 {
+ color: $black;
+ margin-bottom: 70px;
+ }
}
#ctf {
- background-image: url("imgs/image.png");
- text-align: center;
+ background-image: url("imgs/image.png");
+ text-align: center;
- h1 {
- color: white;
- margin-top: 80px;
- margin-bottom: 50px;
- }
- .button-ctf {
- &:hover {
- border-color: #cc1a17;
- background-color: white;
- color: $grey;
- }
- }
+ h1 {
+ color: white;
+ margin-top: 80px;
+ margin-bottom: 50px;
+ }
+ .button-ctf {
+ &:hover {
+ border-color: #cc1a17;
+ background-color: white;
+ color: $grey;
+ }
+ }
}
.prectf-h1 {
- @include font($mont-font, 20px, 22px, $grey);
- font-weight: $semi-bold;
- text-transform: uppercase;
- margin-bottom: 100px;
- @include portable {
- font-size: 17px;
- }
- @include mobile {
- margin-bottom: 5px;
- }
- color: #cc1a17;
+ @include font($mont-font, 20px, 22px, $grey);
+ font-weight: $semi-bold;
+ text-transform: uppercase;
+ margin-bottom: 100px;
+ @include portable {
+ font-size: 17px;
+ }
+ @include mobile {
+ margin-bottom: 5px;
+ }
+ color: #cc1a17;
}
.button-ctf {
- font-family: "Bai Jamjuree", sans-serif;
- font-size: 18px;
- line-height: 14px;
- color: #cc1a17;
- font-weight: 700;
- text-transform: uppercase;
- border: 1px solid #eeeeee;
- padding: 20px 40px;
- margin: 200;
- transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
- -webkit-transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
+ font-family: "Bai Jamjuree", sans-serif;
+ font-size: 18px;
+ line-height: 14px;
+ color: #cc1a17;
+ font-weight: 700;
+ text-transform: uppercase;
+ border: 1px solid #eeeeee;
+ padding: 20px 40px;
+ margin: 200;
+ transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
+ -webkit-transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
}
#faqs,
#tickets {
- background: url("imgs/cubes2-image.png") no-repeat bottom right;
- background-size: 30%;
+ background: url("imgs/cubes2-image.png") no-repeat bottom right;
+ background-size: 30%;
}
#faqs {
- p {
- a {
- color: $dark-grey;
- font-weight: $bold;
- &:hover {
- color: $red;
- }
- }
- }
+ p {
+ a {
+ color: $dark-grey;
+ font-weight: $bold;
+ &:hover {
+ color: $red;
+ }
+ }
+ }
}
#accordion {
- li {
- margin-bottom: 15px;
- &:last-child {
- margin-bottom: 0;
- }
- &.open,
- &:hover {
- .toggle {
- background-color: $red;
- border-color: $red;
- color: $white;
- }
- }
- .toggle {
- @include font($mont-font, 22px, 22px, $dark-grey);
- text-transform: uppercase;
- display: block;
- padding: 20px 35px;
- border: 1px solid $light-grey;
- background-color: $white;
- transition: border-color $transition-time ease-out, background-color $transition-time ease-out,
- color $transition-time ease-out;
- -webkit-transition: border-color $transition-time ease-out, background-color $transition-time ease-out,
- color $transition-time ease-out;
- @include mobile {
- font-size: 19px;
- line-height: 24px;
- padding: 20px;
- }
- }
- .content-accordion {
- display: none;
- padding: 45px 35px;
- background-color: $white;
- border: 1px dashed $light-grey;
- border-top: 0;
- @include mobile {
- padding: 25px;
- }
- p {
- margin-bottom: 5px;
- }
- }
- }
+ li {
+ margin-bottom: 15px;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ &.open,
+ &:hover {
+ .toggle {
+ background-color: $red;
+ border-color: $red;
+ color: $white;
+ }
+ }
+ .toggle {
+ @include font($mont-font, 22px, 22px, $dark-grey);
+ text-transform: uppercase;
+ display: block;
+ padding: 20px 35px;
+ border: 1px solid $light-grey;
+ background-color: $white;
+ transition: border-color $transition-time ease-out, background-color $transition-time ease-out,
+ color $transition-time ease-out;
+ -webkit-transition: border-color $transition-time ease-out, background-color $transition-time ease-out,
+ color $transition-time ease-out;
+ @include mobile {
+ font-size: 19px;
+ line-height: 24px;
+ padding: 20px;
+ }
+ }
+ .content-accordion {
+ display: none;
+ padding: 45px 35px;
+ background-color: $white;
+ border: 1px dashed $light-grey;
+ border-top: 0;
+ @include mobile {
+ padding: 25px;
+ }
+ p {
+ margin-bottom: 5px;
+ }
+ }
+ }
}
#sponsors {
- text-align: center;
- hr {
- display: table;
- margin: 0 auto;
- background-color: $dark-grey;
- &::after {
- left: 50%;
- transform: translateX(-50%);
- -webkit-transform: translateX(-50%);
- }
- }
- .vertically-aligned {
- @include portable {
- flex-wrap: wrap;
- }
- }
- .sponsor-image {
- display: inline-block;
- margin: 40px 20px 0;
- max-width: 200px;
- filter: grayscale(0.2);
- transform: scale(1);
- transition: all $transition-time ease-in-out;
- &:hover {
- filter: grayscale(0);
- transform: scale(1.03);
- }
- @include mobile {
- max-width: 160px;
- margin: 40px 15px 0;
- }
- }
- .gold,
- .silver,
- .bronze {
- h1 {
- font-size: 30px;
- line-height: 26px;
- margin-top: 75px;
- @include portable {
- font-size: 27px;
- }
- @include mobile {
- font-size: 23px;
- }
- }
- }
- .gold {
- .sponsor-image {
- max-width: 135px;
- @include portable {
- max-width: 110px;
- }
- }
- }
- .silver {
- .sponsor-image {
- max-width: 165px;
- }
- }
- .bronze {
- .sponsor-image {
- max-width: 115px;
- img {
- max-height: 90px;
- }
- }
- }
+ text-align: center;
+ hr {
+ display: table;
+ margin: 0 auto;
+ background-color: $dark-grey;
+ &::after {
+ left: 50%;
+ transform: translateX(-50%);
+ -webkit-transform: translateX(-50%);
+ }
+ }
+ .vertically-aligned {
+ @include portable {
+ flex-wrap: wrap;
+ }
+ }
+ .sponsor-image {
+ display: inline-block;
+ margin: 40px 20px 0;
+ max-width: 200px;
+ filter: grayscale(0.2);
+ transform: scale(1);
+ transition: all $transition-time ease-in-out;
+ &:hover {
+ filter: grayscale(0);
+ transform: scale(1.03);
+ }
+ @include mobile {
+ max-width: 160px;
+ margin: 40px 15px 0;
+ }
+ }
+ .gold,
+ .silver,
+ .bronze {
+ h1 {
+ font-size: 30px;
+ line-height: 26px;
+ margin-top: 75px;
+ @include portable {
+ font-size: 27px;
+ }
+ @include mobile {
+ font-size: 23px;
+ }
+ }
+ }
+ .gold {
+ .sponsor-image {
+ max-width: 135px;
+ @include portable {
+ max-width: 110px;
+ }
+ }
+ }
+ .silver {
+ .sponsor-image {
+ max-width: 165px;
+ }
+ }
+ .bronze {
+ .sponsor-image {
+ max-width: 115px;
+ img {
+ max-height: 90px;
+ }
+ }
+ }
}
#social-network {
- display: flex;
- justify-content: flex-end;
- li {
- margin-left: 20px;
- @include portable {
- margin-left: 10px;
- }
- a {
- transition: color $transition-time ease-out;
- -webkit-transition: color $transition-time ease-out;
- &:hover {
- color: $red;
- }
- }
- }
+ display: flex;
+ justify-content: flex-end;
+ li {
+ margin-left: 20px;
+ @include portable {
+ margin-left: 10px;
+ }
+ a {
+ transition: color $transition-time ease-out;
+ -webkit-transition: color $transition-time ease-out;
+ &:hover {
+ color: $red;
+ }
+ }
+ }
}
footer {
- padding: 25px 0;
- background-color: $black;
- border-top: 1px solid $white;
- @include portable {
- padding: 20px 0;
- }
- p {
- color: $white;
- font-size: 13px;
- line-height: 15px;
- margin-top: 10px;
- @include portable {
- font-size: 12px;
- }
- @include mobile {
- margin-top: 0;
- }
- }
+ padding: 25px 0;
+ background-color: $black;
+ border-top: 1px solid $white;
+ @include portable {
+ padding: 20px 0;
+ }
+ p {
+ color: $white;
+ font-size: 13px;
+ line-height: 15px;
+ margin-top: 10px;
+ @include portable {
+ font-size: 12px;
+ }
+ @include mobile {
+ margin-top: 0;
+ }
+ }
}
#tab-links {
- margin: 50px 0 25px;
- display: flex;
- .tab-label {
- display: none;
- &.visible {
- display: inline-flex;
- }
- &.active {
- a {
- border-color: $red;
- background-color: $red;
- color: $white;
- z-index: 2;
- }
- }
- a {
- border: 1px solid $dark-grey;
- display: inline-block;
- @include font($mont-font, 20px, 22px, $dark-grey);
- padding: 20px 15px;
- -webkit-transition: border-color $transition-time ease, color $transition-time ease,
- background-color $transition-time ease;
- transition: border-color $transition-time ease, color $transition-time ease,
- background-color $transition-time ease;
- margin-right: -1px;
- @include portable {
- padding: 15px;
- }
- }
- }
+ margin: 50px 0 25px;
+ display: flex;
+ .tab-label {
+ display: none;
+ &.visible {
+ display: inline-flex;
+ }
+ &.active {
+ a {
+ border-color: $red;
+ background-color: $red;
+ color: $white;
+ z-index: 2;
+ }
+ }
+ a {
+ border: 1px solid $dark-grey;
+ display: inline-block;
+ @include font($mont-font, 20px, 22px, $dark-grey);
+ padding: 20px 15px;
+ -webkit-transition: border-color $transition-time ease, color $transition-time ease,
+ background-color $transition-time ease;
+ transition: border-color $transition-time ease, color $transition-time ease,
+ background-color $transition-time ease;
+ margin-right: -1px;
+ @include portable {
+ padding: 15px;
+ }
+ }
+ }
}
#tab-container {
- .tab {
- display: none;
- &.visible {
- display: block;
- }
- }
+ .tab {
+ display: none;
+ &.visible {
+ display: block;
+ }
+ }
}
#career-path {
- text-align: center;
- hr {
- display: table;
- margin: 0 auto 60px;
- &::after {
- left: 50%;
- transform: translateX(-50%);
- -webkit-transform: translateX(-50%);
- }
- }
- h2 {
- color: $white;
- font-size: 18px;
- line-height: 22px;
- margin-bottom: 10px;
- }
- .powered-by {
- @include font($mont-font, 16px, 20px, $white);
- margin-bottom: 15px;
- }
- .separator {
- display: block;
- margin: 0 auto;
- @include size(40%, 1px);
- background-color: $white;
- margin-bottom: 10px;
- }
- .career-path-links {
- position: relative;
- padding: 20px;
- display: inline-block;
- &::after {
- content: "";
- @include size(calc(100% + 8px), calc(100% + 8px));
- @include position(absolute, -5px, null, null, -5px);
- border: 1px solid red;
- -webkit-transform: skewX(-5deg);
- transform: skewX(-5deg);
- left: -5px;
- left: -5px;
- transition: transform $transition-time ease-in-out, border-width $transition-time ease-in-out,
- top $transition-time ease-in-out, border-width $transition-time ease-in-out;
- }
- &:hover:after {
- -webkit-transform: skewX(0);
- transform: skewX(0);
- border-width: 2px;
- top: -6px;
- left: -6px;
- }
+ text-align: center;
+ hr {
+ display: table;
+ margin: 0 auto 60px;
+ &::after {
+ left: 50%;
+ transform: translateX(-50%);
+ -webkit-transform: translateX(-50%);
+ }
+ }
+ h2 {
+ color: $white;
+ font-size: 18px;
+ line-height: 22px;
+ margin-bottom: 10px;
+ }
+ .powered-by {
+ @include font($mont-font, 16px, 20px, $white);
+ margin-bottom: 15px;
+ }
+ .separator {
+ display: block;
+ margin: 0 auto;
+ @include size(40%, 1px);
+ background-color: $white;
+ margin-bottom: 10px;
+ }
+ .career-path-links {
+ position: relative;
+ padding: 20px;
+ display: inline-block;
+ &::after {
+ content: "";
+ @include size(calc(100% + 8px), calc(100% + 8px));
+ @include position(absolute, -5px, null, null, -5px);
+ border: 1px solid red;
+ -webkit-transform: skewX(-5deg);
+ transform: skewX(-5deg);
+ left: -5px;
+ left: -5px;
+ transition: transform $transition-time ease-in-out, border-width $transition-time ease-in-out,
+ top $transition-time ease-in-out, border-width $transition-time ease-in-out;
+ }
+ &:hover:after {
+ -webkit-transform: skewX(0);
+ transform: skewX(0);
+ border-width: 2px;
+ top: -6px;
+ left: -6px;
+ }
- img {
- -webkit-filter: invert(100%);
- filter: invert(100%);
- max-width: 70%;
- margin: 0 auto;
- }
- }
- .ai {
- .career-path-links {
- background-color: $ai-color;
- &::after {
- border-color: $ai-color;
- }
- }
- }
- .web {
- .career-path-links {
- background-color: $web-color;
- &::after {
- border-color: $web-color;
- }
- }
- }
+ img {
+ -webkit-filter: invert(100%);
+ filter: invert(100%);
+ max-width: 70%;
+ margin: 0 auto;
+ }
+ }
+ .ai {
+ .career-path-links {
+ background-color: $ai-color;
+ &::after {
+ border-color: $ai-color;
+ }
+ }
+ }
+ .web {
+ .career-path-links {
+ background-color: $web-color;
+ &::after {
+ border-color: $web-color;
+ }
+ }
+ }
}
#speakers {
- text-align: center;
- hr {
- display: table;
- margin: 0 auto 60px;
- &::after {
- left: 50%;
- transform: translateX(-50%);
- -webkit-transform: translateX(-50%);
- }
- }
+ text-align: center;
+ hr {
+ display: table;
+ margin: 0 auto 60px;
+ &::after {
+ left: 50%;
+ transform: translateX(-50%);
+ -webkit-transform: translateX(-50%);
+ }
+ }
}
#calendar {
- h1 {
- text-align: center;
- }
- hr {
- display: table;
- margin: 0 auto 60px;
- background-color: #353535;
- &::after {
- left: 50%;
- transform: translateX(-50%);
- -webkit-transform: translateX(-50%);
- }
- }
+ h1 {
+ text-align: center;
+ }
+ hr {
+ display: table;
+ margin: 0 auto 60px;
+ background-color: #353535;
+ &::after {
+ left: 50%;
+ transform: translateX(-50%);
+ -webkit-transform: translateX(-50%);
+ }
+ }
}
.career-apresentation {
- z-index: 1;
- @include position(absolute, 50%, null, null, 50%);
- transform: translate(-50%, -50%);
- .career-name {
- font-size: 46px;
- font-weight: $bold;
- color: $white;
- text-transform: uppercase;
- text-align: center;
- span {
- font-size: 22px;
- text-transform: none;
- }
- }
- img {
- -webkit-filter: invert(100%);
- filter: invert(100%);
- max-width: 250px;
- margin: 35px auto 0;
- }
+ z-index: 1;
+ @include position(absolute, 50%, null, null, 50%);
+ transform: translate(-50%, -50%);
+ .career-name {
+ font-size: 46px;
+ font-weight: $bold;
+ color: $white;
+ text-transform: uppercase;
+ text-align: center;
+ span {
+ font-size: 22px;
+ text-transform: none;
+ }
+ }
+ img {
+ -webkit-filter: invert(100%);
+ filter: invert(100%);
+ max-width: 250px;
+ margin: 35px auto 0;
+ }
}
.career-path {
- #apresentation {
- &::after {
- content: " ";
- @include position(absolute, 0, null, null, 0);
- @include size(100%, 100%);
- opacity: 0.5;
- }
- }
+ #apresentation {
+ &::after {
+ content: " ";
+ @include position(absolute, 0, null, null, 0);
+ @include size(100%, 100%);
+ opacity: 0.5;
+ }
+ }
}
.speaker-button {
- display: block;
- margin-bottom: 50px;
- position: relative;
+ display: block;
+ margin-bottom: 50px;
+ position: relative;
- &:hover {
- .speaker-image::before {
- border-color: $ai-color;
- }
- .speaker-image::after {
- opacity: 0.85;
- }
- .company-image {
- opacity: 1;
- width: 85%;
- }
- }
+ &:hover {
+ .speaker-image::before {
+ border-color: $ai-color;
+ }
+ .speaker-image::after {
+ opacity: 0.85;
+ }
+ .company-image {
+ opacity: 1;
+ width: 85%;
+ }
+ }
- .speaker-image {
- @include size(200px, 200px);
- display: table;
- margin: 0 auto 20px;
- position: relative;
- &::before {
- content: "";
- @include size(calc(100% + 8px), calc(100% + 8px));
- @include position(absolute, -6px, null, null, -6px);
- border: 2px solid $dark-grey;
- transition: border-color $transition-time ease-in-out;
- }
- &::after {
- content: " ";
- @include position(absolute, 0, null, null, 0);
- @include size(100%, 100%);
- background-color: $white;
- transition: opacity $transition-time ease-in-out;
- opacity: 0;
- }
- }
- .company-image {
- @include position(absolute, 50%, null, null, 50%);
- transform: translate(-50%, -50%);
- width: 82%;
- z-index: 1;
- transition: opacity $transition-time ease-in-out, width $transition-time ease-in-out;
- opacity: 0;
- }
- .speaker-name {
- font-weight: $bold;
- font-size: 22px;
- line-height: 26px;
- color: $dark-grey;
- margin-bottom: 5px;
- }
- .speaker-company {
- font-weight: $semi-bold;
- font-size: 16px;
- line-height: 20px;
- color: $grey;
- }
+ .speaker-image {
+ @include size(200px, 200px);
+ display: table;
+ margin: 0 auto 20px;
+ position: relative;
+ &::before {
+ content: "";
+ @include size(calc(100% + 8px), calc(100% + 8px));
+ @include position(absolute, -6px, null, null, -6px);
+ border: 2px solid $dark-grey;
+ transition: border-color $transition-time ease-in-out;
+ }
+ &::after {
+ content: " ";
+ @include position(absolute, 0, null, null, 0);
+ @include size(100%, 100%);
+ background-color: $white;
+ transition: opacity $transition-time ease-in-out;
+ opacity: 0;
+ }
+ }
+ .company-image {
+ @include position(absolute, 50%, null, null, 50%);
+ transform: translate(-50%, -50%);
+ width: 82%;
+ z-index: 1;
+ transition: opacity $transition-time ease-in-out, width $transition-time ease-in-out;
+ opacity: 0;
+ }
+ .speaker-name {
+ font-weight: $bold;
+ font-size: 22px;
+ line-height: 26px;
+ color: $dark-grey;
+ margin-bottom: 5px;
+ }
+ .speaker-company {
+ font-weight: $semi-bold;
+ font-size: 16px;
+ line-height: 20px;
+ color: $grey;
+ }
}
/* CAREER PATH COLORS */
.ai-color {
- #main-menu nav ul li a:hover,
- #event-days-list button.selected,
- #event-days-list button:hover,
- #content-container h2,
- #social-network ul li a:hover,
- #content-container .event-description:hover {
- color: $ai-color;
- }
- #main-menu nav ul li a::after,
- #apresentation::after,
- hr::after,
- #calendar-container .event-details::before {
- background-color: $ai-color;
- }
+ #main-menu nav ul li a:hover,
+ #event-days-list button.selected,
+ #event-days-list button:hover,
+ #content-container h2,
+ #social-network ul li a:hover,
+ #content-container .event-description:hover {
+ color: $ai-color;
+ }
+ #main-menu nav ul li a::after,
+ #apresentation::after,
+ hr::after,
+ #calendar-container .event-details::before {
+ background-color: $ai-color;
+ }
}
#calendar-container {
- .event-details {
- &::before {
- content: " ";
- @include position(absolute, 5px, null, null, 0px);
- @include size(1px, 100%);
- background-color: $red;
- }
- }
- .event-data {
- margin-top: 50px;
- &:first-child {
- margin-top: 0;
- }
- h2:first-child {
- margin-top: 0;
- }
- }
+ .event-details {
+ &::before {
+ content: " ";
+ @include position(absolute, 5px, null, null, 0px);
+ @include size(1px, 100%);
+ background-color: $red;
+ }
+ }
+ .event-data {
+ margin-top: 50px;
+ &:first-child {
+ margin-top: 0;
+ }
+ h2:first-child {
+ margin-top: 0;
+ }
+ }
}
#event-days-list {
- border-bottom: 1px solid $dark-grey;
- display: flex;
- button {
- width: 25%;
- padding: 20px 0;
- background-color: transparent;
- color: $dark-grey;
- font-size: 32px;
- font-weight: 700;
- transition: color $transition-time ease, transform $transition-time ease;
- &:last-child {
- border-right: 0;
- }
- &.selected {
- color: $red;
- &:hover {
- cursor: default;
- transform: scale(1);
- }
- }
- &:hover {
- color: $red;
- transform: scale(1.02);
- }
- span {
- display: block;
- font-weight: 500;
- font-size: 20px;
- }
- }
+ border-bottom: 1px solid $dark-grey;
+ display: flex;
+ button {
+ width: 25%;
+ padding: 20px 0;
+ background-color: transparent;
+ color: $dark-grey;
+ font-size: 32px;
+ font-weight: 700;
+ transition: color $transition-time ease, transform $transition-time ease;
+ &:last-child {
+ border-right: 0;
+ }
+ &.selected {
+ color: $red;
+ &:hover {
+ cursor: default;
+ transform: scale(1);
+ }
+ }
+ &:hover {
+ color: $red;
+ transform: scale(1.02);
+ }
+ span {
+ display: block;
+ font-weight: 500;
+ font-size: 20px;
+ }
+ }
}
.day-night-filter {
- border-bottom: 1px solid $dark-grey;
- button {
- width: 50%;
- padding: 30px 0;
- border-right: 1px solid $dark-grey;
+ border-bottom: 1px solid $dark-grey;
+ button {
+ width: 50%;
+ padding: 30px 0;
+ border-right: 1px solid $dark-grey;
- &:last-child {
- border-right: 0;
- }
- }
- .half-day {
- text-align: center;
- padding: 20px 0;
- color: $dark-grey;
- font-size: 27px;
- font-weight: 700;
- text-transform: uppercase;
- }
+ &:last-child {
+ border-right: 0;
+ }
+ }
+ .half-day {
+ text-align: center;
+ padding: 20px 0;
+ color: $dark-grey;
+ font-size: 27px;
+ font-weight: 700;
+ text-transform: uppercase;
+ }
}
#content-container {
- padding: 30px 30px 0;
- color: $dark-grey;
- .content {
- display: none;
- &.visible {
- display: block;
- }
- }
+ padding: 30px 30px 0;
+ color: $dark-grey;
+ .content {
+ display: none;
+ &.visible {
+ display: block;
+ }
+ }
- .event-description {
- font-family: $mont-font;
- font-weight: 600;
- font-size: 17px;
- background-color: transparent;
- color: $dark-grey;
- transition: color $transition-time ease;
- &:hover {
- color: $red;
- }
- span {
- display: inline-block;
- font-size: 16px;
- margin-right: 10px;
- }
- }
- section {
- padding: 0;
- }
- h2 {
- font-size: 20px;
- line-height: 28px;
- color: $red;
- margin-bottom: 10px;
- margin-top: 35px;
- }
- h3 {
- margin-bottom: 5px;
- }
- .event-location {
- color: $dark-grey;
- margin-bottom: 5px;
- display: block;
- span {
- margin-right: 10px;
- transition: none;
- }
- }
- a.event-location:hover {
- color: $red;
- }
- .event-time {
- font-size: 24px;
- font-weight: 700;
- line-height: 30px;
- }
+ .event-description {
+ font-family: $mont-font;
+ font-weight: 600;
+ font-size: 17px;
+ background-color: transparent;
+ color: $dark-grey;
+ transition: color $transition-time ease;
+ &:hover {
+ color: $red;
+ }
+ span {
+ display: inline-block;
+ font-size: 16px;
+ margin-right: 10px;
+ }
+ }
+ section {
+ padding: 0;
+ }
+ h2 {
+ font-size: 20px;
+ line-height: 28px;
+ color: $red;
+ margin-bottom: 10px;
+ margin-top: 35px;
+ }
+ h3 {
+ margin-bottom: 5px;
+ }
+ .event-location {
+ color: $dark-grey;
+ margin-bottom: 5px;
+ display: block;
+ span {
+ margin-right: 10px;
+ transition: none;
+ }
+ }
+ a.event-location:hover {
+ color: $red;
+ }
+ .event-time {
+ font-size: 24px;
+ font-weight: 700;
+ line-height: 30px;
+ }
- .container-speaker-image {
- &::after {
- content: " ";
- }
- }
+ .container-speaker-image {
+ &::after {
+ content: " ";
+ }
+ }
}
#institucional-support {
- padding: 60px 0;
- h3 {
- margin-bottom: 25px;
- }
- a {
- display: inline-block;
- margin: 0 20px;
- @include portable {
- margin: 10px;
- max-width: 70px;
- }
+ padding: 60px 0;
+ h3 {
+ margin-bottom: 25px;
+ }
+ a {
+ display: inline-block;
+ margin: 0 20px;
+ @include portable {
+ margin: 10px;
+ max-width: 70px;
+ }
- &:first-child {
- margin-left: 0;
- }
- }
- .vertically-aligned {
- justify-content: flex-start;
- @include portable {
- flex-wrap: wrap;
- }
- @include mobile{
- justify-content: flex-start;
- }
- }
- .junisec {
- max-width: 90px;
- @include mobile {
- max-width: 70px;
- }
- }
- .isec {
- max-width: 150px;
- @include mobile {
- max-width: 120px;
- }
- }
- .isec2 {
- max-width: 150px;
- @include mobile {
- max-width: 120px;
- }
- }
- .iscac {
- max-width: 115px;
- @include mobile {
- max-width: 90px;
- }
- }
- .fca {
- max-width: 70px;
- @include mobile {
- max-width: 50px;
- }
- }
- .quinta-das-lagrimas {
- width: auto;
- max-width: 88px;
- @include mobile {
- max-width: 90px;
- }
- }
+ &:first-child {
+ margin-left: 0;
+ }
+ }
+ .vertically-aligned {
+ justify-content: flex-start;
+ @include portable {
+ flex-wrap: wrap;
+ }
+ @include mobile {
+ justify-content: flex-start;
+ }
+ }
+ .junisec {
+ max-width: 90px;
+ @include mobile {
+ max-width: 70px;
+ }
+ }
+ .isec {
+ max-width: 150px;
+ @include mobile {
+ max-width: 120px;
+ }
+ }
+ .isec2 {
+ max-width: 150px;
+ @include mobile {
+ max-width: 120px;
+ }
+ }
+ .iscac {
+ max-width: 115px;
+ @include mobile {
+ max-width: 90px;
+ }
+ }
+ .fca {
+ max-width: 70px;
+ @include mobile {
+ max-width: 50px;
+ }
+ }
+ .quinta-das-lagrimas {
+ width: auto;
+ max-width: 88px;
+ @include mobile {
+ max-width: 90px;
+ }
+ }
}
-
-
.ctf-header {
background-image: linear-gradient(0deg, rgba(208, 46, 44, 1) 20%, rgb(225, 73, 78) 100%);
flex: 1;
@@ -1672,397 +1668,532 @@ footer {
}
}
.container-app {
- background-image: linear-gradient(0deg, rgba(208, 46, 44, 1) 20%, rgb(225, 73, 78) 100%);
- height: 40% !important;
-
- .header-app {
- margin: auto;
- width: 50%;
-
- @media screen and (max-width: $mobile) {
- width: 100%;
- float: none;
- padding: 10px;
- h1 {
- line-height: 50px;
- }
- img {
- width: 100%;
- }
- }
-
- h1 {
- padding-top: 9rem !important;
- color: white;
- text-align: center;
- font-size: 50px;
- padding-bottom: 2rem !important;
- font-weight: normal;
- }
- h3 {
- text-align: center;
- color: white;
- font-weight: normal;
- padding-bottom: 2rem !important;
- }
- }
- }
- .image-holder-app {
- img {
- max-width: 80%;
-
- margin: 0 auto;
- }
- }
- .app-row {
- background-color: white;
- }
- .section {
- padding: 70px 0;
- }
- .light-bg {
- background-color: white;
- }
- .darker-bg {
- background-color: #f3f3f3;
- }
- .section-title {
- text-align: center;
- margin-bottom: 3rem;
- h3 {
- margin: 0 auto;
- text-align: center;
- color: #cc1a17;
- margin-bottom: 10px;
- }
- small {
- color: #998a9b;
- }
- }
- .card-features {
- flex: 1;
- display: flex;
- flex-direction: row;
- width: 80%;
- margin: 0 auto;
- @media screen and (max-width: $mobile) {
- width: 90%;
- flex-direction: column;
- }
- }
- .card-body {
- &:hover {
- box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04);
- transform: translateY(-0.25em);
- transition: all 0.3s ease;
- }
-
- padding: 1.25rem;
- background-color: white;
- width: 23%;
- margin: 0 auto;
- border-bottom: 2px solid #cc1a17;
-
- .card-title {
- color: #cc1a17;
- margin: 10px 0;
- }
- .card-text {
- font-size: 15px;
- text-align: justify;
- text-justify: inter-word;
- }
- @media screen and (max-width: $mobile) {
- width: 100%;
- margin: 10px 0;
- }
- }
-
- .login-app {
- flex: 1;
- display: flex;
- flex-direction: row;
-
- img {
- width: 60%;
- height: 60%;
- }
- .button-default{
- padding: 20px;
-
- //font-family: "Bai Jamjuree", sans-serif;
- font-size: 14px;
- line-height: 14px;
- color: black;
- font-weight: 700;
- text-transform: uppercase;
- border: 1px solid #eeeeee;
- padding: 30px 30px;
- transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
- -webkit-transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
+ background-image: linear-gradient(0deg, rgba(208, 46, 44, 1) 20%, rgb(225, 73, 78) 100%);
+ height: 40% !important;
- &:hover{
- border-color: #cc1a17;
- background-color: #cc1a17;
- color: #ffffff;
- }
- }
- background-image: url("./imgs/bg_phone.png");
- //border-bottom: 2px solid #cc1a17;
-
- @media screen and (max-width: $mobile) {
- flex-direction: column;
- img {
- width: 100%;
- height: 100%;
- }
- }
+ .header-app {
+ margin: auto;
+ width: 50%;
+
+ @media screen and (max-width: $mobile) {
+ width: 100%;
+ float: none;
+ padding: 10px;
+ h1 {
+ line-height: 50px;
+ }
+ img {
+ width: 100%;
+ }
+ }
+
+ h1 {
+ padding-top: 9rem !important;
+ color: white;
+ text-align: center;
+ font-size: 50px;
+ padding-bottom: 2rem !important;
+ font-weight: normal;
+ }
+ h3 {
+ text-align: center;
+ color: white;
+ font-weight: normal;
+ padding-bottom: 2rem !important;
+ }
}
- .container-login {
- // margin-top: 5rem;
- width: 40%;
- padding: 5%;
- @media screen and (max-width: $mobile) {
- width: 100%;
- }
- h1 {
- margin: 0 auto;
- color: #cc1a17;
- }
- .text-login {
- margin-top: 1rem;
- p {
- margin: 20px 0px;
- color: white;
- }
- }
+}
+.image-holder-app {
+ img {
+ max-width: 80%;
+
+ margin: 0 auto;
}
-
- .features-app {
- width: 100%;
- padding: 5% 15%;
-
- @media screen and (max-width: $mobile) {
- padding: 5% 3%;
- flex: 1;
- display: flex;
- flex-direction: column;
- }
-
- background-color: #eeeeee;
- h1 {
- margin: 0 auto;
- text-align: center;
- margin-bottom: 70px;
- }
- .subtitle {
- margin: 0 auto;
- text-align: center;
- color: #cc1a17;
- margin-bottom: 10px;
- }
-
- /* Style tab links */
- .tablink {
- background-color: #e3e3e3;
-
- color: #000000;
- float: left;
- //border-top: 2px solid #cc1a17;
-
- outline: none;
- cursor: pointer;
- padding: 30px 20px;
- font-size: 17px;
- width: 16.665%;
- .active {
- color: red;
- }
- @media screen and (max-width: $mobile) {
- width: 100%;
- padding: 15px 20px;
- }
- }
-
- .tablink:hover {
- /// background-color: #777;
- }
-
- /* Style the tab content (and add height:100% for full page content) */
- .tabcontent {
- color: white;
- display: none;
- padding: 100px 20px;
- padding-bottom: 0px;
- height: 100%;
- background: white;
-
- box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04);
-
- @media screen and (max-width: $mobile) {
- padding: 20px 20px;
- flex: 1;
- // display: flex!important;
- }
-
- img {
- padding: 40px;
- width: 30%;
- height: 30%;
- @media screen and (max-width: $mobile) {
- width: 100%;
- height: 100%;
- }
- }
-
- .tabDetails {
- flex: 1;
- display: flex;
- flex-direction: row;
- @media screen and (max-width: $mobile) {
- flex-direction: column;
- }
- }
- .tabText {
- h2 {
- color: #cc1a17;
- padding-top: 20px;
- }
- h3 {
- color: black;
- }
- p {
- padding-top: 20px;
- }
- }
- }
+}
+.app-row {
+ background-color: white;
+}
+.section {
+ padding: 70px 0;
+}
+.light-bg {
+ background-color: white;
+}
+.darker-bg {
+ background-color: #f3f3f3;
+}
+.section-title {
+ text-align: center;
+ margin-bottom: 3rem;
+ h3 {
+ margin: 0 auto;
+ text-align: center;
+ color: #cc1a17;
+ margin-bottom: 10px;
}
-
- .download-app {
- flex: 1;
- flex-direction: row;
- // padding: 20px;
- // height: 70vh;
- @media screen and (max-width: $mobile) {
- flex-direction: column;
- padding: 20px 0;
+ small {
+ color: #998a9b;
}
- background-image: url("./imgs/bg_phone.png");
- img {
- width: 100%;
- height: 100%;
- }
- align-content: center;
- align-items: center;
-
- .left {
- width: 100%;
- padding: 5rem;
- @media screen and (max-width: $mobile) {
- padding: 1rem;
-
- }
- }
- h1 {
- text-align: center;
- color: white;
- }
- h3 {
- color: white;
- text-align: center;
- }
- h2 {
- color: white;
- }
- .buttons {
- margin-top: 2rem;
- flex: 1;
- display: flex;
- flex-direction: row;
- align-content: center;
- justify-content: center;
- @media screen and (max-width: $mobile) {
- flex-direction: column;
-
- }
- }
-
- .button-app {
- border: 1px solid white;
- padding: 20px 20px;
- margin: 20px;
-
- border-radius: 3px;
- flex: 1;
- display: flex;
- @media screen and (max-width: $mobile) {
- //padding: 20px;
-
- }
-
- .button-logo {
- color: white;
- font-size: 60px;
- padding: 0 20px;
- }
- .button-text {
- color: white;
- }
- color: blue;
- /* First we need to help some browsers along for this to work.
+}
+.card-features {
+ flex: 1;
+ display: flex;
+ flex-direction: row;
+ width: 80%;
+ margin: 0 auto;
+ @media screen and (max-width: $mobile) {
+ width: 90%;
+ flex-direction: column;
+ }
+}
+.card-body {
+ &:hover {
+ box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04);
+ transform: translateY(-0.25em);
+ transition: all 0.3s ease;
+ }
+
+ padding: 1.25rem;
+ background-color: white;
+ width: 23%;
+ margin: 0 auto;
+ border-bottom: 2px solid #cc1a17;
+
+ .card-title {
+ color: #cc1a17;
+ margin: 10px 0;
+ }
+ .card-text {
+ font-size: 15px;
+ text-align: justify;
+ text-justify: inter-word;
+ }
+ @media screen and (max-width: $mobile) {
+ width: 100%;
+ margin: 10px 0;
+ }
+}
+
+.login-app {
+ flex: 1;
+ display: flex;
+ flex-direction: row;
+
+ img {
+ width: 60%;
+ height: 60%;
+ }
+ .button-default {
+ padding: 20px;
+
+ //font-family: "Bai Jamjuree", sans-serif;
+ font-size: 14px;
+ line-height: 14px;
+ color: black;
+ font-weight: 700;
+ text-transform: uppercase;
+ border: 1px solid #eeeeee;
+ padding: 30px 30px;
+ transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
+ -webkit-transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
+
+ &:hover {
+ border-color: #cc1a17;
+ background-color: #cc1a17;
+ color: #ffffff;
+ }
+ }
+ background-image: url("./imgs/bg_phone.png");
+ //border-bottom: 2px solid #cc1a17;
+
+ @media screen and (max-width: $mobile) {
+ flex-direction: column;
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+}
+.container-login {
+ // margin-top: 5rem;
+ width: 40%;
+ padding: 5%;
+ @media screen and (max-width: $mobile) {
+ width: 100%;
+ }
+ h1 {
+ margin: 0 auto;
+ color: #cc1a17;
+ }
+ .text-login {
+ margin-top: 1rem;
+ p {
+ margin: 20px 0px;
+ color: white;
+ }
+ }
+}
+
+.features-app {
+ width: 100%;
+ padding: 5% 15%;
+
+ @media screen and (max-width: $mobile) {
+ padding: 5% 3%;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ }
+
+ background-color: #eeeeee;
+ h1 {
+ margin: 0 auto;
+ text-align: center;
+ margin-bottom: 70px;
+ }
+ .subtitle {
+ margin: 0 auto;
+ text-align: center;
+ color: #cc1a17;
+ margin-bottom: 10px;
+ }
+
+ /* Style tab links */
+ .tablink {
+ background-color: #e3e3e3;
+
+ color: #000000;
+ float: left;
+ //border-top: 2px solid #cc1a17;
+
+ outline: none;
+ cursor: pointer;
+ padding: 30px 20px;
+ font-size: 17px;
+ width: 16.665%;
+ .active {
+ color: red;
+ }
+ @media screen and (max-width: $mobile) {
+ width: 100%;
+ padding: 15px 20px;
+ }
+ }
+
+ .tablink:hover {
+ /// background-color: #777;
+ }
+
+ /* Style the tab content (and add height:100% for full page content) */
+ .tabcontent {
+ color: white;
+ display: none;
+ padding: 100px 20px;
+ padding-bottom: 0px;
+ height: 100%;
+ background: white;
+
+ box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04);
+
+ @media screen and (max-width: $mobile) {
+ padding: 20px 20px;
+ flex: 1;
+ // display: flex!important;
+ }
+
+ img {
+ padding: 40px;
+ width: 30%;
+ height: 30%;
+ @media screen and (max-width: $mobile) {
+ width: 100%;
+ height: 100%;
+ }
+ }
+
+ .tabDetails {
+ flex: 1;
+ display: flex;
+ flex-direction: row;
+ @media screen and (max-width: $mobile) {
+ flex-direction: column;
+ }
+ }
+ .tabText {
+ h2 {
+ color: #cc1a17;
+ padding-top: 20px;
+ }
+ h3 {
+ color: black;
+ }
+ p {
+ padding-top: 20px;
+ }
+ }
+ }
+}
+
+.download-app {
+ flex: 1;
+ flex-direction: row;
+ // padding: 20px;
+ // height: 70vh;
+ @media screen and (max-width: $mobile) {
+ flex-direction: column;
+ padding: 20px 0;
+ }
+ background-image: url("./imgs/bg_phone.png");
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ align-content: center;
+ align-items: center;
+
+ .left {
+ width: 100%;
+ padding: 5rem;
+ @media screen and (max-width: $mobile) {
+ padding: 1rem;
+ }
+ }
+ h1 {
+ text-align: center;
+ color: white;
+ }
+ h3 {
+ color: white;
+ text-align: center;
+ }
+ h2 {
+ color: white;
+ }
+ .buttons {
+ margin-top: 2rem;
+ flex: 1;
+ display: flex;
+ flex-direction: row;
+ align-content: center;
+ justify-content: center;
+ @media screen and (max-width: $mobile) {
+ flex-direction: column;
+ }
+ }
+
+ .button-app {
+ border: 1px solid white;
+ padding: 20px 20px;
+ margin: 20px;
+
+ border-radius: 3px;
+ flex: 1;
+ display: flex;
+ @media screen and (max-width: $mobile) {
+ //padding: 20px;
+ }
+
+ .button-logo {
+ color: white;
+ font-size: 60px;
+ padding: 0 20px;
+ }
+ .button-text {
+ color: white;
+ }
+ color: blue;
+ /* First we need to help some browsers along for this to work.
Just because a vendor prefix is there, doesn't mean it will
work in a browser made by that vendor either, it's just for
future-proofing purposes I guess. */
- -o-transition: 0.5s;
- -ms-transition: 0.5s;
- -moz-transition: 0.5s;
- -webkit-transition: 0.5s;
- /* ...and now for the proper property */
- transition: 0.5s;
- &:hover {
- background-color: #cc1a17;
- }
- }
- .button-android {
- border: 1px solid white;
- padding: 30px 40px;
- margin: 20px;
- color: white;
- border-radius: 3px;
- }
+ -o-transition: 0.5s;
+ -ms-transition: 0.5s;
+ -moz-transition: 0.5s;
+ -webkit-transition: 0.5s;
+ /* ...and now for the proper property */
+ transition: 0.5s;
+ &:hover {
+ background-color: #cc1a17;
+ }
}
-
- .warning-app {
- background-color: #eeeeee;
- padding: 20px;
+ .button-android {
+ border: 1px solid white;
+ padding: 30px 40px;
+ margin: 20px;
+ color: white;
+ border-radius: 3px;
}
-.explain-qr{
- flex: 1;
- display: flex;
- flex-direction: row;
-
- img {
- width: 20%;
- height: 20%;
- margin: 20px;
- }
- background-image: url("./imgs/bg_phone.png");
- //border-bottom: 2px solid #cc1a17;
-
- @media screen and (max-width: $mobile) {
- flex-direction: column;
- img {
- width: 100%;
- height: 100%;
- }
-
- }
- h3{
- color:white;
- margin: 30px;
- }
}
-.ctf-explain{
- background-color: #eeeeee;
-}
\ No newline at end of file
+.warning-app {
+ background-color: #eeeeee;
+ padding: 20px;
+}
+.explain-qr {
+
+ flex: 1;
+ display: flex;
+ flex-direction: row;
+ padding: 50px;
+ justify-content:center;
+
+ .explain {
+ margin: 30px;
+ h3 {
+ //margin-left: 20px;
+ margin-bottom: 0;
+ color: white;
+ margin: 20px;
+ }
+ p {
+ color: white;
+ margin-left: 20px;
+ }
+ }
+
+ img {
+ width: 20%;
+ height: 20%;
+ margin: 20px;
+ align-self: center;
+ }
+ background-image: url("./imgs/bg_phone.png");
+ //border-bottom: 2px solid #cc1a17;
+
+ @media screen and (max-width: $mobile) {
+ flex-direction: column;
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+}
+
+.ctf-explain {
+ flex: 1;
+ display: flex;
+ flex-direction: row;
+ background-color: #eeeeee;
+ padding: 40px;
+ h3 {
+ padding: 30px;
+ padding-bottom: 0px;
+ }
+ p {
+ padding: 30px;
+ text-align: justify;
+ text-justify: inter-word;
+ }
+ img {
+ width: 30%;
+ height: 30%;
+ }
+}
+.ctf-levels {
+ .level1-ctf {
+ background-color: #de6d6b;
+ }
+ .level2-ctf {
+ background-color: #d95856;
+ }
+ .level3-ctf {
+ background-color: #d54341;
+ }
+ .level4-ctf {
+ background-color: #d02e2c;
+ }
+ .level5-ctf {
+ background-color: #cc1a17;
+ }
+ .level {
+ padding: 80px;
+ h3 {
+ color: white;
+ padding-left: 30px;
+ }
+ .sub-container {
+ flex: 1;
+ display: flex;
+ flex-direction: row;
+ .sub-level {
+ width: 100%;
+ border: 1px dashed white;
+ margin: 20px;
+ padding: 20px;
+ align-content: center;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ p {
+ color: black;
+ text-align: justify;
+ text-justify: inter-word;
+ }
+ i {
+ color: #eeeeee;
+ font-size: 18px;
+ }
+ .btn-dwn-ctf {
+ flex: 1;
+ display: flex;
+ flex-direction: row;
+ color: white;
+ // border: 1px dashed white;
+ width: 40%;
+ margin: 20px;
+ //padding: 20px;
+ text-align: center;
+ margin: 0 auto;
+ i {
+ font-size: 30px;
+ }
+ &:hover {
+ // background-color: black;
+ //color: #cc1a17;
+ text-decoration: none;
+ a:hover {
+ text-decoration: none;
+ }
+ }
+ h3 {
+ font-size: 20px;
+ margin: 10px;
+ align-content: center;
+ align-self: center;
+ }
+ }
+ }
+ }
+ }
+}
+.ctf-prizes {
+ padding: 50px;
+ h3 {
+ padding: 30px;
+ padding-bottom: 0px;
+ }
+ h5 {
+ padding-left: 30px;
+ color: #cc1a17;
+ }
+ .prizes-container {
+ flex: 1;
+ display: flex;
+ flex-direction: row;
+ padding-top: 30px;
+ .prize {
+ flex: 1;
+ flex-direction: column;
+ display: flex;
+ width: 100%;
+ //background-color: red;
+ margin: 20px;
+ align-content: center;
+ align-items: center;
+ .prize-logo {
+ font-size: 100px;
+ }
+ }
+ }
+}
+ 
+