diff --git a/assets/fonts/poppins/poppins-v20-latin-200.eot b/assets/fonts/poppins/poppins-v20-latin-200.eot new file mode 100644 index 0000000..63dd7aa Binary files /dev/null and b/assets/fonts/poppins/poppins-v20-latin-200.eot differ diff --git a/assets/fonts/poppins/poppins-v20-latin-200.svg b/assets/fonts/poppins/poppins-v20-latin-200.svg new file mode 100644 index 0000000..ad40188 --- /dev/null +++ b/assets/fonts/poppins/poppins-v20-latin-200.svg @@ -0,0 +1,319 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/poppins/poppins-v20-latin-200.ttf b/assets/fonts/poppins/poppins-v20-latin-200.ttf new file mode 100644 index 0000000..abae71a Binary files /dev/null and b/assets/fonts/poppins/poppins-v20-latin-200.ttf differ diff --git a/assets/fonts/poppins/poppins-v20-latin-200.woff b/assets/fonts/poppins/poppins-v20-latin-200.woff new file mode 100644 index 0000000..0d02afc Binary files /dev/null and b/assets/fonts/poppins/poppins-v20-latin-200.woff differ diff --git a/assets/fonts/poppins/poppins-v20-latin-200.woff2 b/assets/fonts/poppins/poppins-v20-latin-200.woff2 new file mode 100644 index 0000000..eeacdfe Binary files /dev/null and b/assets/fonts/poppins/poppins-v20-latin-200.woff2 differ diff --git a/assets/fonts/poppins/poppins-v20-latin-300.eot b/assets/fonts/poppins/poppins-v20-latin-300.eot new file mode 100644 index 0000000..bbfdbf3 Binary files /dev/null and b/assets/fonts/poppins/poppins-v20-latin-300.eot differ diff --git a/assets/fonts/poppins/poppins-v20-latin-300.svg b/assets/fonts/poppins/poppins-v20-latin-300.svg new file mode 100644 index 0000000..ce80515 --- /dev/null +++ b/assets/fonts/poppins/poppins-v20-latin-300.svg @@ -0,0 +1,321 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/poppins/poppins-v20-latin-300.ttf b/assets/fonts/poppins/poppins-v20-latin-300.ttf new file mode 100644 index 0000000..dafd4e0 Binary files /dev/null and b/assets/fonts/poppins/poppins-v20-latin-300.ttf differ diff --git a/assets/fonts/poppins/poppins-v20-latin-300.woff b/assets/fonts/poppins/poppins-v20-latin-300.woff new file mode 100644 index 0000000..482673b Binary files /dev/null and b/assets/fonts/poppins/poppins-v20-latin-300.woff differ diff --git a/assets/fonts/poppins/poppins-v20-latin-300.woff2 b/assets/fonts/poppins/poppins-v20-latin-300.woff2 new file mode 100644 index 0000000..962b734 Binary files /dev/null and b/assets/fonts/poppins/poppins-v20-latin-300.woff2 differ diff --git a/assets/fonts/poppins/poppins-v20-latin-500.eot b/assets/fonts/poppins/poppins-v20-latin-500.eot new file mode 100644 index 0000000..a41067b Binary files /dev/null and b/assets/fonts/poppins/poppins-v20-latin-500.eot differ diff --git a/assets/fonts/poppins/poppins-v20-latin-500.svg b/assets/fonts/poppins/poppins-v20-latin-500.svg new file mode 100644 index 0000000..a00b27c --- /dev/null +++ b/assets/fonts/poppins/poppins-v20-latin-500.svg @@ -0,0 +1,323 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/poppins/poppins-v20-latin-500.ttf b/assets/fonts/poppins/poppins-v20-latin-500.ttf new file mode 100644 index 0000000..81ef3c8 Binary files /dev/null and b/assets/fonts/poppins/poppins-v20-latin-500.ttf differ diff --git a/assets/fonts/poppins/poppins-v20-latin-500.woff b/assets/fonts/poppins/poppins-v20-latin-500.woff new file mode 100644 index 0000000..f033442 Binary files /dev/null and b/assets/fonts/poppins/poppins-v20-latin-500.woff differ diff --git a/assets/fonts/poppins/poppins-v20-latin-500.woff2 b/assets/fonts/poppins/poppins-v20-latin-500.woff2 new file mode 100644 index 0000000..c660336 Binary files /dev/null and b/assets/fonts/poppins/poppins-v20-latin-500.woff2 differ diff --git a/assets/fonts/poppins/poppins-v20-latin-regular.eot b/assets/fonts/poppins/poppins-v20-latin-regular.eot new file mode 100644 index 0000000..e23dd26 Binary files /dev/null and b/assets/fonts/poppins/poppins-v20-latin-regular.eot differ diff --git a/assets/fonts/poppins/poppins-v20-latin-regular.svg b/assets/fonts/poppins/poppins-v20-latin-regular.svg new file mode 100644 index 0000000..bc983e4 --- /dev/null +++ b/assets/fonts/poppins/poppins-v20-latin-regular.svg @@ -0,0 +1,323 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/poppins/poppins-v20-latin-regular.ttf b/assets/fonts/poppins/poppins-v20-latin-regular.ttf new file mode 100644 index 0000000..dfb38c4 Binary files /dev/null and b/assets/fonts/poppins/poppins-v20-latin-regular.ttf differ diff --git a/assets/fonts/poppins/poppins-v20-latin-regular.woff b/assets/fonts/poppins/poppins-v20-latin-regular.woff new file mode 100644 index 0000000..2a04ae3 Binary files /dev/null and b/assets/fonts/poppins/poppins-v20-latin-regular.woff differ diff --git a/assets/fonts/poppins/poppins-v20-latin-regular.woff2 b/assets/fonts/poppins/poppins-v20-latin-regular.woff2 new file mode 100644 index 0000000..b69e009 Binary files /dev/null and b/assets/fonts/poppins/poppins-v20-latin-regular.woff2 differ diff --git a/styles/Navbar.module.css b/styles/Navbar.module.css index 8ae9bdd..97a44b4 100644 --- a/styles/Navbar.module.css +++ b/styles/Navbar.module.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap";.Navbar{height:100px;width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:row;border-bottom:1px solid #eaeaea}.Navbar .container{display:flex;align-items:center;justify-content:space-around;flex-direction:row}.Navbar .container .Logo{width:200px;margin:1rem;cursor:pointer}.Navbar .container .MenuToggle{transition:all .5s}.Navbar .container .MenuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(0.77, 0.2, 0.05, 1),background .5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .55s ease}.Navbar .container .MenuToggle span:first-child{transform-origin:0% 0%}.Navbar .container .MenuToggle span:nth-last-child(2){transform-origin:0% 100%}.Navbar .container .MenuActive{transform:rotate(90deg)}.Navbar .Nav{font-family:"Poppins",sans-serif;font-size:1.2rem;font-weight:600;display:flex;justify-content:space-around;align-items:center;flex-direction:row;z-index:99}.Navbar .Nav a{padding:1rem;transition:all .2s}.Navbar .MenuOpen{width:100%;display:flex !important;position:absolute;top:100px;background-color:#057ca6;color:#fff}@media(min-width: 768px){.container{width:auto}.container .MenuToggle{display:none}.Nav a:hover{cursor:pointer;color:#057ca6}.NavActive{color:#057ca6}}@media(max-width: 768px){.Navbar .Nav{flex-direction:column;display:none}.Navbar{flex-direction:column}.container{width:100%}.container .MenuToggle{display:block}.NavActive{color:#eaeaea}} \ No newline at end of file +.Navbar{height:100px;width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:row;border-bottom:1px solid #eaeaea}.Navbar .container{display:flex;align-items:center;justify-content:space-around;flex-direction:row}.Navbar .container .Logo{width:200px;margin:1rem;cursor:pointer}.Navbar .container .MenuToggle{transition:all .5s}.Navbar .container .MenuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(0.77, 0.2, 0.05, 1),background .5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .55s ease}.Navbar .container .MenuToggle span:first-child{transform-origin:0% 0%}.Navbar .container .MenuToggle span:nth-last-child(2){transform-origin:0% 100%}.Navbar .container .MenuActive{transform:rotate(90deg)}.Navbar .Nav{font-family:"Poppins",sans-serif;font-size:1.2rem;font-weight:600;display:flex;justify-content:space-around;align-items:center;flex-direction:row;z-index:99}.Navbar .Nav a{padding:1rem;transition:all .2s}.Navbar .MenuOpen{width:100%;display:flex !important;position:absolute;top:100px;background-color:#057ca6;color:#fff}@media(min-width: 768px){.container{width:auto}.container .MenuToggle{display:none}.Nav a:hover{cursor:pointer;color:#057ca6}.NavActive{color:#057ca6}}@media(max-width: 768px){.Navbar .Nav{flex-direction:column;display:none}.Navbar{flex-direction:column}.container{width:100%}.container .MenuToggle{display:block}.NavActive{color:#eaeaea}} \ No newline at end of file diff --git a/styles/Navbar.module.scss b/styles/Navbar.module.scss index 977496e..dbede61 100644 --- a/styles/Navbar.module.scss +++ b/styles/Navbar.module.scss @@ -1,5 +1,3 @@ -@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap"); - .Navbar { height: 100px; width: 100%; diff --git a/styles/globals.css b/styles/globals.css index 0df053d..3de6663 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -1,4 +1,69 @@ -@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap"); +/* poppins-200 - latin */ +@font-face { + font-family: "Poppins"; + font-style: normal; + font-weight: 200; + src: url("../assets/fonts/poppins/poppins-v20-latin-200.eot"); /* IE9 Compat Modes */ + src: local(""), + url("../assets/fonts/poppins/poppins-v20-latin-200.eot?#iefix") format("embedded-opentype"), + /* IE6-IE8 */ url("../assets/fonts/poppins/poppins-v20-latin-200.woff2") format("woff2"), + /* Super Modern Browsers */ url("../assets/fonts/poppins/poppins-v20-latin-200.woff") + format("woff"), + /* Modern Browsers */ url("../assets/fonts/poppins/poppins-v20-latin-200.ttf") + format("truetype"), + /* Safari, Android, iOS */ url("../assets/fonts/poppins/poppins-v20-latin-200.svg#Poppins") + format("svg"); /* Legacy iOS */ +} +/* poppins-300 - latin */ +@font-face { + font-family: "Poppins"; + font-style: normal; + font-weight: 300; + src: url("../assets/fonts/poppins/poppins-v20-latin-300.eot"); /* IE9 Compat Modes */ + src: local(""), + url("../assets/fonts/poppins/poppins-v20-latin-300.eot?#iefix") format("embedded-opentype"), + /* IE6-IE8 */ url("../assets/fonts/poppins/poppins-v20-latin-300.woff2") format("woff2"), + /* Super Modern Browsers */ url("../assets/fonts/poppins/poppins-v20-latin-300.woff") + format("woff"), + /* Modern Browsers */ url("../assets/fonts/poppins/poppins-v20-latin-300.ttf") + format("truetype"), + /* Safari, Android, iOS */ url("../assets/fonts/poppins/poppins-v20-latin-300.svg#Poppins") + format("svg"); /* Legacy iOS */ +} +/* poppins-regular - latin */ +@font-face { + font-family: "Poppins"; + font-style: normal; + font-weight: 400; + src: url("../assets/fonts/poppins/poppins-v20-latin-regular.eot"); /* IE9 Compat Modes */ + src: local(""), + url("../assets/fonts/poppins/poppins-v20-latin-regular.eot?#iefix") + format("embedded-opentype"), + /* IE6-IE8 */ url("../assets/fonts/poppins/poppins-v20-latin-regular.woff2") format("woff2"), + /* Super Modern Browsers */ url("../assets/fonts/poppins/poppins-v20-latin-regular.woff") + format("woff"), + /* Modern Browsers */ url("../assets/fonts/poppins/poppins-v20-latin-regular.ttf") + format("truetype"), + /* Safari, Android, iOS */ + url("../assets/fonts/poppins/poppins-v20-latin-regular.svg#Poppins") format("svg"); /* Legacy iOS */ +} +/* poppins-500 - latin */ +@font-face { + font-family: "Poppins"; + font-style: normal; + font-weight: 500; + src: url("../assets/fonts/poppins/poppins-v20-latin-500.eot"); /* IE9 Compat Modes */ + src: local(""), + url("../assets/fonts/poppins/poppins-v20-latin-500.eot?#iefix") format("embedded-opentype"), + /* IE6-IE8 */ url("../assets/fonts/poppins/poppins-v20-latin-500.woff2") format("woff2"), + /* Super Modern Browsers */ url("../assets/fonts/poppins/poppins-v20-latin-500.woff") + format("woff"), + /* Modern Browsers */ url("../assets/fonts/poppins/poppins-v20-latin-500.ttf") + format("truetype"), + /* Safari, Android, iOS */ url("../assets/fonts/poppins/poppins-v20-latin-500.svg#Poppins") + format("svg"); /* Legacy iOS */ +} + html, body { padding: 0;