├── assets ├── Cv.jpg ├── P.png ├── dgfh.png ├── ryry.png ├── Group 42.jpg ├── Group 58.png ├── Group 8.jpg ├── bg (1).jpg ├── Group 179.jpg ├── Group 201.png ├── Group 204.png ├── Group 205.png ├── Group 207.png ├── Group 208.png ├── Group 212.png ├── Group 213.png ├── Group 214.png ├── Group 16 (2).jpg ├── Rectangle 1156.png ├── Vector.svg ├── loc.svg ├── email.svg ├── ADE.svg ├── tel.svg ├── ADZ.svg ├── phone.svg ├── Group 79.svg ├── Group 66.svg └── Group 216.svg ├── src ├── css │ └── tailwind.css └── js │ ├── script.js │ └── thiis.js ├── fonts └── Estedad │ ├── Estedad-Black.woff2 │ ├── Estedad-Bold.woff2 │ ├── Estedad-Light.woff2 │ ├── Estedad-Medium.woff2 │ ├── Estedad-Thin.woff2 │ ├── Estedad-Regular.woff2 │ ├── Estedad-SemiBold.woff2 │ ├── Estedad-ExtraBold.woff2 │ └── Estedad-ExtraLight.woff2 ├── package.json ├── dist ├── font2.css ├── font.css └── style.css ├── tailwind.config.js ├── Persian.html ├── public ├── Persian.html └── English.html └── index.html /assets/Cv.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/Cv.jpg -------------------------------------------------------------------------------- /assets/P.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/P.png -------------------------------------------------------------------------------- /assets/dgfh.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/dgfh.png -------------------------------------------------------------------------------- /assets/ryry.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/ryry.png -------------------------------------------------------------------------------- /src/css/tailwind.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; -------------------------------------------------------------------------------- /assets/Group 42.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/Group 42.jpg -------------------------------------------------------------------------------- /assets/Group 58.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/Group 58.png -------------------------------------------------------------------------------- /assets/Group 8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/Group 8.jpg -------------------------------------------------------------------------------- /assets/bg (1).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/bg (1).jpg -------------------------------------------------------------------------------- /assets/Group 179.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/Group 179.jpg -------------------------------------------------------------------------------- /assets/Group 201.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/Group 201.png -------------------------------------------------------------------------------- /assets/Group 204.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/Group 204.png -------------------------------------------------------------------------------- /assets/Group 205.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/Group 205.png -------------------------------------------------------------------------------- /assets/Group 207.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/Group 207.png -------------------------------------------------------------------------------- /assets/Group 208.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/Group 208.png -------------------------------------------------------------------------------- /assets/Group 212.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/Group 212.png -------------------------------------------------------------------------------- /assets/Group 213.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/Group 213.png -------------------------------------------------------------------------------- /assets/Group 214.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/Group 214.png -------------------------------------------------------------------------------- /assets/Group 16 (2).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/Group 16 (2).jpg -------------------------------------------------------------------------------- /assets/Rectangle 1156.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/assets/Rectangle 1156.png -------------------------------------------------------------------------------- /fonts/Estedad/Estedad-Black.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/fonts/Estedad/Estedad-Black.woff2 -------------------------------------------------------------------------------- /fonts/Estedad/Estedad-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/fonts/Estedad/Estedad-Bold.woff2 -------------------------------------------------------------------------------- /fonts/Estedad/Estedad-Light.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/fonts/Estedad/Estedad-Light.woff2 -------------------------------------------------------------------------------- /fonts/Estedad/Estedad-Medium.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/fonts/Estedad/Estedad-Medium.woff2 -------------------------------------------------------------------------------- /fonts/Estedad/Estedad-Thin.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/fonts/Estedad/Estedad-Thin.woff2 -------------------------------------------------------------------------------- /fonts/Estedad/Estedad-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/fonts/Estedad/Estedad-Regular.woff2 -------------------------------------------------------------------------------- /fonts/Estedad/Estedad-SemiBold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/fonts/Estedad/Estedad-SemiBold.woff2 -------------------------------------------------------------------------------- /fonts/Estedad/Estedad-ExtraBold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/fonts/Estedad/Estedad-ExtraBold.woff2 -------------------------------------------------------------------------------- /fonts/Estedad/Estedad-ExtraLight.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/isopouya1/portfolio/HEAD/fonts/Estedad/Estedad-ExtraLight.woff2 -------------------------------------------------------------------------------- /assets/Vector.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "dashboard", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "scripts": { 6 | "test": "echo \"Error: no test specified\" && exit 1" 7 | }, 8 | "author": "", 9 | "license": "ISC", 10 | "devDependencies": { 11 | "tailwindcss": "^3.1.8" 12 | }, 13 | "dependencies": { 14 | "@tailwindcss/forms": "^0.5.3" 15 | }, 16 | "description": "" 17 | } 18 | -------------------------------------------------------------------------------- /dist/font2.css: -------------------------------------------------------------------------------- 1 | *{ 2 | font-family: estedad-m ; 3 | font-family: estedad-l; 4 | } 5 | @font-face { 6 | font-family: estedad-m; 7 | src: url(../fonts/Estedad/Estedad-Medium.woff2); 8 | } 9 | @font-face { 10 | font-family: estedad-s; 11 | src: url(../fonts/Estedad/Estedad-SemiBold.woff2); 12 | } 13 | @font-face { 14 | font-family: estedad-r; 15 | src: url(../fonts/Estedad/Estedad-Regular.woff2); 16 | } 17 | @font-face { 18 | font-family: estedad-l; 19 | src: url(../fonts/Estedad/Estedad-Light.woff2); 20 | } 21 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | content: ["./public/**/*.{html,js}"], 3 | theme: { 4 | colors: { 5 | transparent: 'transparent', 6 | 'white': '#ffffff', 7 | "primary" : "#5F00D8", 8 | 'black': '#000000', 9 | }, 10 | container: { 11 | center: true, 12 | padding: { 13 | DEFAULT: '2rem', 14 | sm: '2rem', 15 | lg: '3rem', 16 | xl: '5rem', 17 | '2xl': '6rem', 18 | }, 19 | }, 20 | extend: { 21 | fontFamily: { 22 | 'estedad' : ["estedad", "sans-serif"], 23 | }, 24 | }, 25 | }, 26 | plugins: [ 27 | require('@tailwindcss/forms') 28 | ], 29 | } -------------------------------------------------------------------------------- /assets/loc.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /assets/email.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /assets/ADE.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/tel.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/js/script.js: -------------------------------------------------------------------------------- 1 | AOS.init({ 2 | duration: 1500, 3 | }) 4 | document.querySelector("#overlayToggle").addEventListener("click", (e) => { 5 | e.preventDefault(); 6 | document.querySelector("#overlayMenu").classList.toggle("right-[-100%]"); 7 | document.querySelector("#overlayMenu").classList.toggle("right-0"); 8 | }); 9 | 10 | document.querySelector("#closeOverlayToggle").addEventListener("click", (e) => { 11 | e.preventDefault(); 12 | document.querySelector("#overlayMenu").classList.remove("right-0"); 13 | document.querySelector("#overlayMenu").classList.add("right-[-100%]"); 14 | }); 15 | var openButton = document.getElementById('open'); 16 | var dialog = document.getElementById('dialog'); 17 | var closeButton = document.getElementById('close'); 18 | var overlay = document.getElementById('overlay'); 19 | var closeeButton = document.getElementById('closee'); 20 | var opeenButton = document.getElementById('opeen'); 21 | 22 | // show the overlay and the dialog 23 | openButton.addEventListener('click', function () { 24 | dialog.classList.remove('hidden'); 25 | overlay.classList.remove('hidden'); 26 | }); 27 | 28 | // hide the overlay and the dialog 29 | closeButton.addEventListener('click', function () { 30 | dialog.classList.add('hidden'); 31 | overlay.classList.add('hidden'); 32 | }); 33 | opeenButton.addEventListener('click', function () { 34 | dialog.classList.remove('hidden'); 35 | overlay.classList.remove('hidden'); 36 | }); 37 | 38 | // hide the overlay and the dialog 39 | closeButton.addEventListener('click', function () { 40 | dialog.classList.add('hidden'); 41 | overlay.classList.add('hidden'); 42 | }); 43 | closeeButton.addEventListener('click', function () { 44 | dialog.classList.add('hidden'); 45 | overlay.classList.add('hidden'); 46 | }); 47 | -------------------------------------------------------------------------------- /src/js/thiis.js: -------------------------------------------------------------------------------- 1 | AOS.init({ 2 | duration: 1500, 3 | }) 4 | document.querySelector("#overlayToggle").addEventListener("click", (e) => { 5 | e.preventDefault(); 6 | document.querySelector("#overlayMenu").classList.toggle("right-[-1000px]"); 7 | document.querySelector("#overlayMenu").classList.toggle("right-0"); 8 | }); 9 | 10 | document.querySelector("#closeOverlayToggle").addEventListener("click", (e) => { 11 | e.preventDefault(); 12 | document.querySelector("#overlayMenu").classList.remove("right-0"); 13 | document.querySelector("#overlayMenu").classList.add("right-[-1000px]"); 14 | }); 15 | var openButton = document.getElementById('open'); 16 | var dialog = document.getElementById('dialog'); 17 | var closeButton = document.getElementById('close'); 18 | var overlay = document.getElementById('overlay'); 19 | var closeeButton = document.getElementById('closee'); 20 | var opeenButton = document.getElementById('opeen'); 21 | 22 | // show the overlay and the dialog 23 | openButton.addEventListener('click', function () { 24 | dialog.classList.remove('hidden'); 25 | overlay.classList.remove('hidden'); 26 | }); 27 | 28 | // hide the overlay and the dialog 29 | closeButton.addEventListener('click', function () { 30 | dialog.classList.add('hidden'); 31 | overlay.classList.add('hidden'); 32 | }); 33 | opeenButton.addEventListener('click', function () { 34 | dialog.classList.remove('hidden'); 35 | overlay.classList.remove('hidden'); 36 | }); 37 | 38 | // hide the overlay and the dialog 39 | closeButton.addEventListener('click', function () { 40 | dialog.classList.add('hidden'); 41 | overlay.classList.add('hidden'); 42 | }); 43 | closeeButton.addEventListener('click', function () { 44 | dialog.classList.add('hidden'); 45 | overlay.classList.add('hidden'); 46 | }); 47 | -------------------------------------------------------------------------------- /dist/font.css: -------------------------------------------------------------------------------- 1 | html{ 2 | scroll-behavior: smooth; 3 | } 4 | *{ 5 | -webkit-tap-highlight-color: transparent; 6 | -webkit-touch-callout: none; 7 | -webkit-user-select: none; 8 | user-select: none; 9 | 10 | } 11 | *:focus{ 12 | outline: none !important; 13 | } 14 | 15 | body{ 16 | background-image: url(../assets/bg\ \(1\).jpg); 17 | background-size: cover; 18 | height: 100%; 19 | font-family: 'Rubik', sans-serif; 20 | position: relative; 21 | bottom: 0; 22 | left: 0; 23 | overflow-x: hidden !important; 24 | } 25 | #ff{ 26 | position: relative; 27 | } 28 | #ff::before{ 29 | content: "تماس"; 30 | color: white; 31 | position: absolute; 32 | top: 25px; 33 | left: 55px; 34 | font-weight: 700; 35 | } 36 | #bef{ 37 | position: relative; 38 | width: 60px; 39 | bottom: 80px; 40 | left: 230px; 41 | z-index: -2; 42 | } 43 | /* width */ 44 | ::-webkit-scrollbar { 45 | width: 13px; 46 | } 47 | 48 | /* Track */ 49 | ::-webkit-scrollbar-track { 50 | background: #2c2c2c; 51 | } 52 | 53 | /* Handle */ 54 | ::-webkit-scrollbar-thumb { 55 | background: rgb(80, 80, 80); 56 | border-radius: 10px; 57 | } 58 | 59 | /* Handle on hover */ 60 | ::-webkit-scrollbar-thumb:hover { 61 | background: rgb(84, 84, 84); 62 | } 63 | #sc{ 64 | transition: transform .5s linear; 65 | } 66 | #sc:hover{ 67 | transform: scale(1.1); 68 | } 69 | #loading {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block; z-index: 99 ;background-color: #2c2c2c;} 70 | 71 | #loading-image {position: absolute;top: 40%;left: 45%;z-index: 100} 72 | #typing-demo { 73 | width: 270px; 74 | animation: typing 3s steps(25), blink .5s step-end infinite alternate; 75 | white-space: nowrap; 76 | overflow: hidden; 77 | border-right: 3px solid; 78 | animation-delay: 1s; 79 | } 80 | @keyframes typing { 81 | from { 82 | width: 0 83 | } 84 | } 85 | 86 | @keyframes blink { 87 | 50% { 88 | border-color: transparent 89 | } 90 | } 91 | @media screen and (min-width: 1024px){ 92 | #typing-demo{ 93 | width: 430px; 94 | } 95 | } -------------------------------------------------------------------------------- /assets/ADZ.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/phone.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /assets/Group 79.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /assets/Group 66.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /assets/Group 216.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /Persian.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | Isopouya | Portfolio 14 | 15 | 16 |
17 | Loading... 18 |
19 |
20 |

P.

21 | 27 |
29 | 35 | 41 | 42 |
43 |
44 | 49 |
50 | 55 |
56 |
57 |
58 |
59 |
60 |
سلام من
61 |

پویا زهره وند هستم

62 |

UI/UX Designer and Webdeveloper

63 |

64 | UI/UX Designer and Webdeveloper UI/UX Designer and
Webdeveloper UI/UX Designer and WebdeveloperUI/UX Designer and Webd Designer and Webd Designer and We 65 |

66 | 67 | 68 | 69 | 70 | 78 |
79 |
80 |
81 |
82 |

سرویس های من

83 |

من چکار میکنم؟

84 |
85 |
86 | 87 | 88 | 89 |
90 |
91 |
92 |

مهارت های من

93 | 100 | 107 |

Html

108 |

Css

109 |

Sass

110 |
111 |

Jquery

112 |

js

113 |

Bootstrap

114 |

Ui/Ux

115 |

Git

116 |

Python

117 |
118 |

Tailwind

119 |
120 |
121 |
122 |

نمونه کارها

123 | 131 | 139 |
140 |
141 |
142 |
143 | 144 |
145 |
146 | 147 |
148 |
149 | 150 |
151 |
152 | 153 |
154 | 155 | ❮ 157 | 158 | 159 | ❯ 161 | 162 |
163 |
164 | 165 | 166 |
167 |
168 |
169 |
170 |
171 |
172 |
173 |
174 | 190 |
191 |

ارتباط با من

192 |
193 |
194 | 195 |

شماره:

196 |

989940389087+

 197 |
198 |
199 | 200 |

ایمیل:

201 |

Pouya2402@gmail.com

 202 |
203 |
204 | 205 |

آدرس:

206 |

ایران(تهران)

207 |
208 |
209 |
210 | 218 |
219 | 275 | 312 | 313 | 314 | 315 | -------------------------------------------------------------------------------- /public/Persian.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | Isopouya | Portfolio 14 | 15 | 16 |
17 | Loading... 18 |
19 |
20 |

P.

21 | 27 |
29 | 35 | 41 | 42 |
43 |
44 | 49 |
50 | 55 |
56 |
57 |
58 |
59 |
60 |
سلام من
61 |

پویا زهره وند هستم

62 |

UI/UX Designer and Webdeveloper

63 |

64 | UI/UX Designer and Webdeveloper UI/UX Designer and
Webdeveloper UI/UX Designer and WebdeveloperUI/UX Designer and Webd Designer and Webd Designer and We 65 |

66 | 67 | 68 | 69 | 70 | 78 |
79 |
80 |
81 |
82 |

سرویس های من

83 |

من چکار میکنم؟

84 |
85 |
86 | 87 | 88 | 89 |
90 |
91 |
92 |

مهارت های من

93 | 100 | 107 |

Html

108 |

Css

109 |

Sass

110 |
111 |

Jquery

112 |

js

113 |

Bootstrap

114 |

Ui/Ux

115 |

Git

116 |

Python

117 |
118 |

Tailwind

119 |
120 |
121 |
122 |

نمونه کارها

123 | 131 | 139 |
140 |
141 |
142 |
143 | 144 |
145 |
146 | 147 |
148 |
149 | 150 |
151 |
152 | 153 |
154 | 155 | ❮ 157 | 158 | 159 | ❯ 161 | 162 |
163 |
164 | 165 | 166 |
167 |
168 |
169 |
170 |
171 |
172 |
173 |
174 | 190 |
191 |

ارتباط با من

192 |
193 |
194 | 195 |

شماره:

196 |

989940389087+

 197 |
198 |
199 | 200 |

ایمیل:

201 |

Pouya2402@gmail.com

 202 |
203 |
204 | 205 |

آدرس:

206 |

ایران(تهران)

207 |
208 |
209 |
210 | 218 |
219 | 275 | 312 | 313 | 314 | 315 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Isopouya | Portfolio 13 | 14 | 15 |
16 | Loading.. 17 |
18 |
19 |

P.

20 | 26 |
28 | 34 | 40 | 41 |
42 | 48 | 53 |
54 |
55 |
56 |
57 |
58 |
Hello. im
59 |

Pouya Zohrehvand

60 |

UI/UX Designer and Webdeveloper

61 |

62 | UI/UX Designer and Webdeveloper UI/UX Designer and
Webdeveloper UI/UX Designer and WebdeveloperUI/UX Designer and Webd Designer and Webd Designer and We 63 |

64 | 65 | 66 | 74 |
75 |
76 |
77 |
78 |

My service

79 |

What I Do.

80 |
81 |
82 | 83 | 84 | 85 |
86 |
87 |
88 |

My Skills

89 | 96 | 103 |

Html

104 |

Css

105 |

Sass

106 |
107 |

Jquery

108 |

js

109 |

Bootstrap

110 |

Ui/Ux

111 |

Git

112 |

Python

113 |
114 |

Tailwind

115 |
116 |
117 |
118 |

Check Protofolio

119 | 127 | 135 |
136 |
137 |
138 |
139 | 140 |
141 |
142 | 143 |
144 |
145 | 146 |
147 |
148 | 149 |
150 | 151 | ❮ 153 | 154 | 155 | ❯ 157 | 158 |
159 |
160 | 161 | 162 |
163 |
164 |
165 |
166 |
167 |
168 |
169 |
170 | 189 |
190 |

Contact

191 |
192 |
193 | 194 |

Phone:

195 |

+989940389087

 196 |
197 |
198 | 199 |

Email:

200 |

Pouya2402@gmail.com

 201 |
202 |
203 | 204 |

Location:

205 |

IR.tehran

206 |
207 |
208 |
209 | 217 |
218 | 279 | 316 | 317 | 318 | 319 | -------------------------------------------------------------------------------- /public/English.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Isopouya | Portfolio 13 | 14 | 15 |
16 | Loading... 17 |
18 |
19 |

P.

20 | 26 |
28 | 34 | 40 | 41 |
42 | 48 | 53 |
54 |
55 |
56 |
57 |
58 |
Hello. im
59 |

Pouya Zohrehvand

60 |

UI/UX Designer and Webdeveloper

61 |

62 | UI/UX Designer and Webdeveloper UI/UX Designer and
Webdeveloper UI/UX Designer and WebdeveloperUI/UX Designer and Webd Designer and Webd Designer and We 63 |

64 | 65 | 66 | 74 |
75 |
76 |
77 |
78 |

My service

79 |

What I Do.

80 |
81 |
82 | 83 | 84 | 85 |
86 |
87 |
88 |

My Skills

89 | 96 | 103 |

Html

104 |

Css

105 |

Sass

106 |
107 |

Jquery

108 |

js

109 |

Bootstrap

110 |

Ui/Ux

111 |

Git

112 |

Python

113 |
114 |

Tailwind

115 |
116 |
117 |
118 |

Check Protofolio

119 | 127 | 135 |
136 |
137 |
138 |
139 | 140 |
141 |
142 | 143 |
144 |
145 | 146 |
147 |
148 | 149 |
150 | 151 | ❮ 153 | 154 | 155 | ❯ 157 | 158 |
159 |
160 | 161 | 162 |
163 |
164 |
165 |
166 |
167 |
168 |
169 |
170 | 189 |
190 |

Contact

191 |
192 |
193 | 194 |

Phone:

195 |

+989940389087

 196 |
197 |
198 | 199 |

Email:

200 |

Pouya2402@gmail.com

 201 |
202 |
203 | 204 |

Location:

205 |

IR.tehran

206 |
207 |
208 |
209 | 217 |
218 | 279 | 316 | 317 | 318 | 319 | -------------------------------------------------------------------------------- /dist/style.css: -------------------------------------------------------------------------------- 1 | /* 2 | ! tailwindcss v3.2.0 | MIT License | https://tailwindcss.com 3 | */ 4 | 5 | /* 6 | 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 7 | 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) 8 | */ 9 | 10 | *, 11 | ::before, 12 | ::after { 13 | box-sizing: border-box; 14 | /* 1 */ 15 | border-width: 0; 16 | /* 2 */ 17 | border-style: solid; 18 | /* 2 */ 19 | border-color: currentColor; 20 | /* 2 */ 21 | } 22 | 23 | ::before, 24 | ::after { 25 | --tw-content: ''; 26 | } 27 | 28 | /* 29 | 1. Use a consistent sensible line-height in all browsers. 30 | 2. Prevent adjustments of font size after orientation changes in iOS. 31 | 3. Use a more readable tab size. 32 | 4. Use the user's configured `sans` font-family by default. 33 | */ 34 | 35 | html { 36 | line-height: 1.5; 37 | /* 1 */ 38 | -webkit-text-size-adjust: 100%; 39 | /* 2 */ 40 | -moz-tab-size: 4; 41 | /* 3 */ 42 | -o-tab-size: 4; 43 | tab-size: 4; 44 | /* 3 */ 45 | font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 46 | /* 4 */ 47 | } 48 | 49 | /* 50 | 1. Remove the margin in all browsers. 51 | 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. 52 | */ 53 | 54 | body { 55 | margin: 0; 56 | /* 1 */ 57 | line-height: inherit; 58 | /* 2 */ 59 | } 60 | 61 | /* 62 | 1. Add the correct height in Firefox. 63 | 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 64 | 3. Ensure horizontal rules are visible by default. 65 | */ 66 | 67 | hr { 68 | height: 0; 69 | /* 1 */ 70 | color: inherit; 71 | /* 2 */ 72 | border-top-width: 1px; 73 | /* 3 */ 74 | } 75 | 76 | /* 77 | Add the correct text decoration in Chrome, Edge, and Safari. 78 | */ 79 | 80 | abbr:where([title]) { 81 | -webkit-text-decoration: underline dotted; 82 | text-decoration: underline dotted; 83 | } 84 | 85 | /* 86 | Remove the default font size and weight for headings. 87 | */ 88 | 89 | h1, 90 | h2, 91 | h3, 92 | h4, 93 | h5, 94 | h6 { 95 | font-size: inherit; 96 | font-weight: inherit; 97 | } 98 | 99 | /* 100 | Reset links to optimize for opt-in styling instead of opt-out. 101 | */ 102 | 103 | a { 104 | color: inherit; 105 | text-decoration: inherit; 106 | } 107 | 108 | /* 109 | Add the correct font weight in Edge and Safari. 110 | */ 111 | 112 | b, 113 | strong { 114 | font-weight: bolder; 115 | } 116 | 117 | /* 118 | 1. Use the user's configured `mono` font family by default. 119 | 2. Correct the odd `em` font sizing in all browsers. 120 | */ 121 | 122 | code, 123 | kbd, 124 | samp, 125 | pre { 126 | font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 127 | /* 1 */ 128 | font-size: 1em; 129 | /* 2 */ 130 | } 131 | 132 | /* 133 | Add the correct font size in all browsers. 134 | */ 135 | 136 | small { 137 | font-size: 80%; 138 | } 139 | 140 | /* 141 | Prevent `sub` and `sup` elements from affecting the line height in all browsers. 142 | */ 143 | 144 | sub, 145 | sup { 146 | font-size: 75%; 147 | line-height: 0; 148 | position: relative; 149 | vertical-align: baseline; 150 | } 151 | 152 | sub { 153 | bottom: -0.25em; 154 | } 155 | 156 | sup { 157 | top: -0.5em; 158 | } 159 | 160 | /* 161 | 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 162 | 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 163 | 3. Remove gaps between table borders by default. 164 | */ 165 | 166 | table { 167 | text-indent: 0; 168 | /* 1 */ 169 | border-color: inherit; 170 | /* 2 */ 171 | border-collapse: collapse; 172 | /* 3 */ 173 | } 174 | 175 | /* 176 | 1. Change the font styles in all browsers. 177 | 2. Remove the margin in Firefox and Safari. 178 | 3. Remove default padding in all browsers. 179 | */ 180 | 181 | button, 182 | input, 183 | optgroup, 184 | select, 185 | textarea { 186 | font-family: inherit; 187 | /* 1 */ 188 | font-size: 100%; 189 | /* 1 */ 190 | font-weight: inherit; 191 | /* 1 */ 192 | line-height: inherit; 193 | /* 1 */ 194 | color: inherit; 195 | /* 1 */ 196 | margin: 0; 197 | /* 2 */ 198 | padding: 0; 199 | /* 3 */ 200 | } 201 | 202 | /* 203 | Remove the inheritance of text transform in Edge and Firefox. 204 | */ 205 | 206 | button, 207 | select { 208 | text-transform: none; 209 | } 210 | 211 | /* 212 | 1. Correct the inability to style clickable types in iOS and Safari. 213 | 2. Remove default button styles. 214 | */ 215 | 216 | button, 217 | [type='button'], 218 | [type='reset'], 219 | [type='submit'] { 220 | -webkit-appearance: button; 221 | /* 1 */ 222 | background-color: transparent; 223 | /* 2 */ 224 | background-image: none; 225 | /* 2 */ 226 | } 227 | 228 | /* 229 | Use the modern Firefox focus style for all focusable elements. 230 | */ 231 | 232 | :-moz-focusring { 233 | outline: auto; 234 | } 235 | 236 | /* 237 | Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) 238 | */ 239 | 240 | :-moz-ui-invalid { 241 | box-shadow: none; 242 | } 243 | 244 | /* 245 | Add the correct vertical alignment in Chrome and Firefox. 246 | */ 247 | 248 | progress { 249 | vertical-align: baseline; 250 | } 251 | 252 | /* 253 | Correct the cursor style of increment and decrement buttons in Safari. 254 | */ 255 | 256 | ::-webkit-inner-spin-button, 257 | ::-webkit-outer-spin-button { 258 | height: auto; 259 | } 260 | 261 | /* 262 | 1. Correct the odd appearance in Chrome and Safari. 263 | 2. Correct the outline style in Safari. 264 | */ 265 | 266 | [type='search'] { 267 | -webkit-appearance: textfield; 268 | /* 1 */ 269 | outline-offset: -2px; 270 | /* 2 */ 271 | } 272 | 273 | /* 274 | Remove the inner padding in Chrome and Safari on macOS. 275 | */ 276 | 277 | ::-webkit-search-decoration { 278 | -webkit-appearance: none; 279 | } 280 | 281 | /* 282 | 1. Correct the inability to style clickable types in iOS and Safari. 283 | 2. Change font properties to `inherit` in Safari. 284 | */ 285 | 286 | ::-webkit-file-upload-button { 287 | -webkit-appearance: button; 288 | /* 1 */ 289 | font: inherit; 290 | /* 2 */ 291 | } 292 | 293 | /* 294 | Add the correct display in Chrome and Safari. 295 | */ 296 | 297 | summary { 298 | display: list-item; 299 | } 300 | 301 | /* 302 | Removes the default spacing and border for appropriate elements. 303 | */ 304 | 305 | blockquote, 306 | dl, 307 | dd, 308 | h1, 309 | h2, 310 | h3, 311 | h4, 312 | h5, 313 | h6, 314 | hr, 315 | figure, 316 | p, 317 | pre { 318 | margin: 0; 319 | } 320 | 321 | fieldset { 322 | margin: 0; 323 | padding: 0; 324 | } 325 | 326 | legend { 327 | padding: 0; 328 | } 329 | 330 | ol, 331 | ul, 332 | menu { 333 | list-style: none; 334 | margin: 0; 335 | padding: 0; 336 | } 337 | 338 | /* 339 | Prevent resizing textareas horizontally by default. 340 | */ 341 | 342 | textarea { 343 | resize: vertical; 344 | } 345 | 346 | /* 347 | 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 348 | 2. Set the default placeholder color to the user's configured gray 400 color. 349 | */ 350 | 351 | input::-moz-placeholder, textarea::-moz-placeholder { 352 | opacity: 1; 353 | /* 1 */ 354 | color: #9ca3af; 355 | /* 2 */ 356 | } 357 | 358 | input::placeholder, 359 | textarea::placeholder { 360 | opacity: 1; 361 | /* 1 */ 362 | color: #9ca3af; 363 | /* 2 */ 364 | } 365 | 366 | /* 367 | Set the default cursor for buttons. 368 | */ 369 | 370 | button, 371 | [role="button"] { 372 | cursor: pointer; 373 | } 374 | 375 | /* 376 | Make sure disabled buttons don't get the pointer cursor. 377 | */ 378 | 379 | :disabled { 380 | cursor: default; 381 | } 382 | 383 | /* 384 | 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 385 | 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) 386 | This can trigger a poorly considered lint error in some tools but is included by design. 387 | */ 388 | 389 | img, 390 | svg, 391 | video, 392 | canvas, 393 | audio, 394 | iframe, 395 | embed, 396 | object { 397 | display: block; 398 | /* 1 */ 399 | vertical-align: middle; 400 | /* 2 */ 401 | } 402 | 403 | /* 404 | Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) 405 | */ 406 | 407 | img, 408 | video { 409 | max-width: 100%; 410 | height: auto; 411 | } 412 | 413 | /* Make elements with the HTML hidden attribute stay hidden by default */ 414 | 415 | [hidden] { 416 | display: none; 417 | } 418 | 419 | [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select { 420 | -webkit-appearance: none; 421 | -moz-appearance: none; 422 | appearance: none; 423 | background-color: #fff; 424 | border-color: #6b7280; 425 | border-width: 1px; 426 | border-radius: 0px; 427 | padding-top: 0.5rem; 428 | padding-right: 0.75rem; 429 | padding-bottom: 0.5rem; 430 | padding-left: 0.75rem; 431 | font-size: 1rem; 432 | line-height: 1.5rem; 433 | --tw-shadow: 0 0 #0000; 434 | } 435 | 436 | [type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus { 437 | outline: 2px solid transparent; 438 | outline-offset: 2px; 439 | --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); 440 | --tw-ring-offset-width: 0px; 441 | --tw-ring-offset-color: #fff; 442 | --tw-ring-color: #2563eb; 443 | --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 444 | --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); 445 | box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); 446 | border-color: #2563eb; 447 | } 448 | 449 | input::-moz-placeholder, textarea::-moz-placeholder { 450 | color: #6b7280; 451 | opacity: 1; 452 | } 453 | 454 | input::placeholder,textarea::placeholder { 455 | color: #6b7280; 456 | opacity: 1; 457 | } 458 | 459 | ::-webkit-datetime-edit-fields-wrapper { 460 | padding: 0; 461 | } 462 | 463 | ::-webkit-date-and-time-value { 464 | min-height: 1.5em; 465 | } 466 | 467 | ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field { 468 | padding-top: 0; 469 | padding-bottom: 0; 470 | } 471 | 472 | select { 473 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); 474 | background-position: right 0.5rem center; 475 | background-repeat: no-repeat; 476 | background-size: 1.5em 1.5em; 477 | padding-right: 2.5rem; 478 | -webkit-print-color-adjust: exact; 479 | print-color-adjust: exact; 480 | } 481 | 482 | [multiple] { 483 | background-image: initial; 484 | background-position: initial; 485 | background-repeat: unset; 486 | background-size: initial; 487 | padding-right: 0.75rem; 488 | -webkit-print-color-adjust: unset; 489 | print-color-adjust: unset; 490 | } 491 | 492 | [type='checkbox'],[type='radio'] { 493 | -webkit-appearance: none; 494 | -moz-appearance: none; 495 | appearance: none; 496 | padding: 0; 497 | -webkit-print-color-adjust: exact; 498 | print-color-adjust: exact; 499 | display: inline-block; 500 | vertical-align: middle; 501 | background-origin: border-box; 502 | -webkit-user-select: none; 503 | -moz-user-select: none; 504 | user-select: none; 505 | flex-shrink: 0; 506 | height: 1rem; 507 | width: 1rem; 508 | color: #2563eb; 509 | background-color: #fff; 510 | border-color: #6b7280; 511 | border-width: 1px; 512 | --tw-shadow: 0 0 #0000; 513 | } 514 | 515 | [type='checkbox'] { 516 | border-radius: 0px; 517 | } 518 | 519 | [type='radio'] { 520 | border-radius: 100%; 521 | } 522 | 523 | [type='checkbox']:focus,[type='radio']:focus { 524 | outline: 2px solid transparent; 525 | outline-offset: 2px; 526 | --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); 527 | --tw-ring-offset-width: 2px; 528 | --tw-ring-offset-color: #fff; 529 | --tw-ring-color: #2563eb; 530 | --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 531 | --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); 532 | box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); 533 | } 534 | 535 | [type='checkbox']:checked,[type='radio']:checked { 536 | border-color: transparent; 537 | background-color: currentColor; 538 | background-size: 100% 100%; 539 | background-position: center; 540 | background-repeat: no-repeat; 541 | } 542 | 543 | [type='checkbox']:checked { 544 | background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); 545 | } 546 | 547 | [type='radio']:checked { 548 | background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); 549 | } 550 | 551 | [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus { 552 | border-color: transparent; 553 | background-color: currentColor; 554 | } 555 | 556 | [type='checkbox']:indeterminate { 557 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); 558 | border-color: transparent; 559 | background-color: currentColor; 560 | background-size: 100% 100%; 561 | background-position: center; 562 | background-repeat: no-repeat; 563 | } 564 | 565 | [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { 566 | border-color: transparent; 567 | background-color: currentColor; 568 | } 569 | 570 | [type='file'] { 571 | background: unset; 572 | border-color: inherit; 573 | border-width: 0; 574 | border-radius: 0; 575 | padding: 0; 576 | font-size: unset; 577 | line-height: inherit; 578 | } 579 | 580 | [type='file']:focus { 581 | outline: 1px solid ButtonText; 582 | outline: 1px auto -webkit-focus-ring-color; 583 | } 584 | 585 | *, ::before, ::after { 586 | --tw-border-spacing-x: 0; 587 | --tw-border-spacing-y: 0; 588 | --tw-translate-x: 0; 589 | --tw-translate-y: 0; 590 | --tw-rotate: 0; 591 | --tw-skew-x: 0; 592 | --tw-skew-y: 0; 593 | --tw-scale-x: 1; 594 | --tw-scale-y: 1; 595 | --tw-pan-x: ; 596 | --tw-pan-y: ; 597 | --tw-pinch-zoom: ; 598 | --tw-scroll-snap-strictness: proximity; 599 | --tw-ordinal: ; 600 | --tw-slashed-zero: ; 601 | --tw-numeric-figure: ; 602 | --tw-numeric-spacing: ; 603 | --tw-numeric-fraction: ; 604 | --tw-ring-inset: ; 605 | --tw-ring-offset-width: 0px; 606 | --tw-ring-offset-color: #fff; 607 | --tw-ring-color: rgb(59 130 246 / 0.5); 608 | --tw-ring-offset-shadow: 0 0 #0000; 609 | --tw-ring-shadow: 0 0 #0000; 610 | --tw-shadow: 0 0 #0000; 611 | --tw-shadow-colored: 0 0 #0000; 612 | --tw-blur: ; 613 | --tw-brightness: ; 614 | --tw-contrast: ; 615 | --tw-grayscale: ; 616 | --tw-hue-rotate: ; 617 | --tw-invert: ; 618 | --tw-saturate: ; 619 | --tw-sepia: ; 620 | --tw-drop-shadow: ; 621 | --tw-backdrop-blur: ; 622 | --tw-backdrop-brightness: ; 623 | --tw-backdrop-contrast: ; 624 | --tw-backdrop-grayscale: ; 625 | --tw-backdrop-hue-rotate: ; 626 | --tw-backdrop-invert: ; 627 | --tw-backdrop-opacity: ; 628 | --tw-backdrop-saturate: ; 629 | --tw-backdrop-sepia: ; 630 | } 631 | 632 | ::-webkit-backdrop { 633 | --tw-border-spacing-x: 0; 634 | --tw-border-spacing-y: 0; 635 | --tw-translate-x: 0; 636 | --tw-translate-y: 0; 637 | --tw-rotate: 0; 638 | --tw-skew-x: 0; 639 | --tw-skew-y: 0; 640 | --tw-scale-x: 1; 641 | --tw-scale-y: 1; 642 | --tw-pan-x: ; 643 | --tw-pan-y: ; 644 | --tw-pinch-zoom: ; 645 | --tw-scroll-snap-strictness: proximity; 646 | --tw-ordinal: ; 647 | --tw-slashed-zero: ; 648 | --tw-numeric-figure: ; 649 | --tw-numeric-spacing: ; 650 | --tw-numeric-fraction: ; 651 | --tw-ring-inset: ; 652 | --tw-ring-offset-width: 0px; 653 | --tw-ring-offset-color: #fff; 654 | --tw-ring-color: rgb(59 130 246 / 0.5); 655 | --tw-ring-offset-shadow: 0 0 #0000; 656 | --tw-ring-shadow: 0 0 #0000; 657 | --tw-shadow: 0 0 #0000; 658 | --tw-shadow-colored: 0 0 #0000; 659 | --tw-blur: ; 660 | --tw-brightness: ; 661 | --tw-contrast: ; 662 | --tw-grayscale: ; 663 | --tw-hue-rotate: ; 664 | --tw-invert: ; 665 | --tw-saturate: ; 666 | --tw-sepia: ; 667 | --tw-drop-shadow: ; 668 | --tw-backdrop-blur: ; 669 | --tw-backdrop-brightness: ; 670 | --tw-backdrop-contrast: ; 671 | --tw-backdrop-grayscale: ; 672 | --tw-backdrop-hue-rotate: ; 673 | --tw-backdrop-invert: ; 674 | --tw-backdrop-opacity: ; 675 | --tw-backdrop-saturate: ; 676 | --tw-backdrop-sepia: ; 677 | } 678 | 679 | ::backdrop { 680 | --tw-border-spacing-x: 0; 681 | --tw-border-spacing-y: 0; 682 | --tw-translate-x: 0; 683 | --tw-translate-y: 0; 684 | --tw-rotate: 0; 685 | --tw-skew-x: 0; 686 | --tw-skew-y: 0; 687 | --tw-scale-x: 1; 688 | --tw-scale-y: 1; 689 | --tw-pan-x: ; 690 | --tw-pan-y: ; 691 | --tw-pinch-zoom: ; 692 | --tw-scroll-snap-strictness: proximity; 693 | --tw-ordinal: ; 694 | --tw-slashed-zero: ; 695 | --tw-numeric-figure: ; 696 | --tw-numeric-spacing: ; 697 | --tw-numeric-fraction: ; 698 | --tw-ring-inset: ; 699 | --tw-ring-offset-width: 0px; 700 | --tw-ring-offset-color: #fff; 701 | --tw-ring-color: rgb(59 130 246 / 0.5); 702 | --tw-ring-offset-shadow: 0 0 #0000; 703 | --tw-ring-shadow: 0 0 #0000; 704 | --tw-shadow: 0 0 #0000; 705 | --tw-shadow-colored: 0 0 #0000; 706 | --tw-blur: ; 707 | --tw-brightness: ; 708 | --tw-contrast: ; 709 | --tw-grayscale: ; 710 | --tw-hue-rotate: ; 711 | --tw-invert: ; 712 | --tw-saturate: ; 713 | --tw-sepia: ; 714 | --tw-drop-shadow: ; 715 | --tw-backdrop-blur: ; 716 | --tw-backdrop-brightness: ; 717 | --tw-backdrop-contrast: ; 718 | --tw-backdrop-grayscale: ; 719 | --tw-backdrop-hue-rotate: ; 720 | --tw-backdrop-invert: ; 721 | --tw-backdrop-opacity: ; 722 | --tw-backdrop-saturate: ; 723 | --tw-backdrop-sepia: ; 724 | } 725 | 726 | .container { 727 | width: 100%; 728 | margin-right: auto; 729 | margin-left: auto; 730 | padding-right: 2rem; 731 | padding-left: 2rem; 732 | } 733 | 734 | @media (min-width: 640px) { 735 | .container { 736 | max-width: 640px; 737 | padding-right: 2rem; 738 | padding-left: 2rem; 739 | } 740 | } 741 | 742 | @media (min-width: 768px) { 743 | .container { 744 | max-width: 768px; 745 | } 746 | } 747 | 748 | @media (min-width: 1024px) { 749 | .container { 750 | max-width: 1024px; 751 | padding-right: 3rem; 752 | padding-left: 3rem; 753 | } 754 | } 755 | 756 | @media (min-width: 1280px) { 757 | .container { 758 | max-width: 1280px; 759 | padding-right: 5rem; 760 | padding-left: 5rem; 761 | } 762 | } 763 | 764 | @media (min-width: 1536px) { 765 | .container { 766 | max-width: 1536px; 767 | padding-right: 6rem; 768 | padding-left: 6rem; 769 | } 770 | } 771 | 772 | .fixed { 773 | position: fixed; 774 | } 775 | 776 | .absolute { 777 | position: absolute; 778 | } 779 | 780 | .relative { 781 | position: relative; 782 | } 783 | 784 | .top-0 { 785 | top: 0px; 786 | } 787 | 788 | .right-\[-100\%\] { 789 | right: -100%; 790 | } 791 | 792 | .top-6 { 793 | top: 1.5rem; 794 | } 795 | 796 | .right-\[23px\] { 797 | right: 23px; 798 | } 799 | 800 | .left-0 { 801 | left: 0px; 802 | } 803 | 804 | .top-1\/2 { 805 | top: 50%; 806 | } 807 | 808 | .right-0 { 809 | right: 0px; 810 | } 811 | 812 | .right-\[-1000px\] { 813 | right: -1000px; 814 | } 815 | 816 | .z-50 { 817 | z-index: 50; 818 | } 819 | 820 | .m-auto { 821 | margin: auto; 822 | } 823 | 824 | .mx-auto { 825 | margin-left: auto; 826 | margin-right: auto; 827 | } 828 | 829 | .mt-5 { 830 | margin-top: 1.25rem; 831 | } 832 | 833 | .ml-5 { 834 | margin-left: 1.25rem; 835 | } 836 | 837 | .mt-6 { 838 | margin-top: 1.5rem; 839 | } 840 | 841 | .ml-\[153px\] { 842 | margin-left: 153px; 843 | } 844 | 845 | .mr-24 { 846 | margin-right: 6rem; 847 | } 848 | 849 | .ml-\[146px\] { 850 | margin-left: 146px; 851 | } 852 | 853 | .mb-20 { 854 | margin-bottom: 5rem; 855 | } 856 | 857 | .-mt-1 { 858 | margin-top: -0.25rem; 859 | } 860 | 861 | .mt-1 { 862 | margin-top: 0.25rem; 863 | } 864 | 865 | .-mt-3 { 866 | margin-top: -0.75rem; 867 | } 868 | 869 | .mt-10 { 870 | margin-top: 2.5rem; 871 | } 872 | 873 | .mt-9 { 874 | margin-top: 2.25rem; 875 | } 876 | 877 | .-mt-5 { 878 | margin-top: -1.25rem; 879 | } 880 | 881 | .mb-24 { 882 | margin-bottom: 6rem; 883 | } 884 | 885 | .ml-1 { 886 | margin-left: 0.25rem; 887 | } 888 | 889 | .mt-7 { 890 | margin-top: 1.75rem; 891 | } 892 | 893 | .-mt-\[70px\] { 894 | margin-top: -70px; 895 | } 896 | 897 | .mb-5 { 898 | margin-bottom: 1.25rem; 899 | } 900 | 901 | .mt-3 { 902 | margin-top: 0.75rem; 903 | } 904 | 905 | .mt-4 { 906 | margin-top: 1rem; 907 | } 908 | 909 | .ml-12 { 910 | margin-left: 3rem; 911 | } 912 | 913 | .mt-12 { 914 | margin-top: 3rem; 915 | } 916 | 917 | .ml-\[210px\] { 918 | margin-left: 210px; 919 | } 920 | 921 | .ml-\[180px\] { 922 | margin-left: 180px; 923 | } 924 | 925 | .mr-32 { 926 | margin-right: 8rem; 927 | } 928 | 929 | .ml-2 { 930 | margin-left: 0.5rem; 931 | } 932 | 933 | .mr-2 { 934 | margin-right: 0.5rem; 935 | } 936 | 937 | .mt-14 { 938 | margin-top: 3.5rem; 939 | } 940 | 941 | .mt-32 { 942 | margin-top: 8rem; 943 | } 944 | 945 | .mt-\[70px\] { 946 | margin-top: 70px; 947 | } 948 | 949 | .-mb-16 { 950 | margin-bottom: -4rem; 951 | } 952 | 953 | .ml-96 { 954 | margin-left: 24rem; 955 | } 956 | 957 | .ml-\[152px\] { 958 | margin-left: 152px; 959 | } 960 | 961 | .mt-2 { 962 | margin-top: 0.5rem; 963 | } 964 | 965 | .mr-\[210px\] { 966 | margin-right: 210px; 967 | } 968 | 969 | .mr-\[180px\] { 970 | margin-right: 180px; 971 | } 972 | 973 | .-mb-\[142px\] { 974 | margin-bottom: -142px; 975 | } 976 | 977 | .mr-16 { 978 | margin-right: 4rem; 979 | } 980 | 981 | .mr-1 { 982 | margin-right: 0.25rem; 983 | } 984 | 985 | .flex { 986 | display: flex; 987 | } 988 | 989 | .hidden { 990 | display: none; 991 | } 992 | 993 | .h-11 { 994 | height: 2.75rem; 995 | } 996 | 997 | .h-screen { 998 | height: 100vh; 999 | } 1000 | 1001 | .h-10 { 1002 | height: 2.5rem; 1003 | } 1004 | 1005 | .h-8 { 1006 | height: 2rem; 1007 | } 1008 | 1009 | .h-72 { 1010 | height: 18rem; 1011 | } 1012 | 1013 | .h-auto { 1014 | height: auto; 1015 | } 1016 | 1017 | .h-5 { 1018 | height: 1.25rem; 1019 | } 1020 | 1021 | .h-4 { 1022 | height: 1rem; 1023 | } 1024 | 1025 | .h-20 { 1026 | height: 5rem; 1027 | } 1028 | 1029 | .h-\[160px\] { 1030 | height: 160px; 1031 | } 1032 | 1033 | .h-12 { 1034 | height: 3rem; 1035 | } 1036 | 1037 | .h-\[270px\] { 1038 | height: 270px; 1039 | } 1040 | 1041 | .h-full { 1042 | height: 100%; 1043 | } 1044 | 1045 | .h-48 { 1046 | height: 12rem; 1047 | } 1048 | 1049 | .w-28 { 1050 | width: 7rem; 1051 | } 1052 | 1053 | .w-11 { 1054 | width: 2.75rem; 1055 | } 1056 | 1057 | .w-10 { 1058 | width: 2.5rem; 1059 | } 1060 | 1061 | .w-24 { 1062 | width: 6rem; 1063 | } 1064 | 1065 | .w-8 { 1066 | width: 2rem; 1067 | } 1068 | 1069 | .w-40 { 1070 | width: 10rem; 1071 | } 1072 | 1073 | .w-\[950px\] { 1074 | width: 950px; 1075 | } 1076 | 1077 | .w-36 { 1078 | width: 9rem; 1079 | } 1080 | 1081 | .w-6 { 1082 | width: 1.5rem; 1083 | } 1084 | 1085 | .w-\[450px\] { 1086 | width: 450px; 1087 | } 1088 | 1089 | .w-full { 1090 | width: 100%; 1091 | } 1092 | 1093 | .w-\[354px\] { 1094 | width: 354px; 1095 | } 1096 | 1097 | .w-\[431px\] { 1098 | width: 431px; 1099 | } 1100 | 1101 | .w-1\/2 { 1102 | width: 50%; 1103 | } 1104 | 1105 | .w-\[300px\] { 1106 | width: 300px; 1107 | } 1108 | 1109 | .w-5 { 1110 | width: 1.25rem; 1111 | } 1112 | 1113 | .w-4 { 1114 | width: 1rem; 1115 | } 1116 | 1117 | .w-\[100\%\] { 1118 | width: 100%; 1119 | } 1120 | 1121 | .w-\[65px\] { 1122 | width: 65px; 1123 | } 1124 | 1125 | .min-w-full { 1126 | min-width: 100%; 1127 | } 1128 | 1129 | .-translate-y-1\/2 { 1130 | --tw-translate-y: -50%; 1131 | transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 1132 | } 1133 | 1134 | .transform { 1135 | transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 1136 | } 1137 | 1138 | @-webkit-keyframes ping { 1139 | 75%, 100% { 1140 | transform: scale(2); 1141 | opacity: 0; 1142 | } 1143 | } 1144 | 1145 | @keyframes ping { 1146 | 75%, 100% { 1147 | transform: scale(2); 1148 | opacity: 0; 1149 | } 1150 | } 1151 | 1152 | .animate-ping { 1153 | -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; 1154 | animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; 1155 | } 1156 | 1157 | @-webkit-keyframes bounce { 1158 | 0%, 100% { 1159 | transform: translateY(-25%); 1160 | -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); 1161 | animation-timing-function: cubic-bezier(0.8,0,1,1); 1162 | } 1163 | 1164 | 50% { 1165 | transform: none; 1166 | -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); 1167 | animation-timing-function: cubic-bezier(0,0,0.2,1); 1168 | } 1169 | } 1170 | 1171 | @keyframes bounce { 1172 | 0%, 100% { 1173 | transform: translateY(-25%); 1174 | -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); 1175 | animation-timing-function: cubic-bezier(0.8,0,1,1); 1176 | } 1177 | 1178 | 50% { 1179 | transform: none; 1180 | -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); 1181 | animation-timing-function: cubic-bezier(0,0,0.2,1); 1182 | } 1183 | } 1184 | 1185 | .animate-bounce { 1186 | -webkit-animation: bounce 1s infinite; 1187 | animation: bounce 1s infinite; 1188 | } 1189 | 1190 | .cursor-pointer { 1191 | cursor: pointer; 1192 | } 1193 | 1194 | .flex-col { 1195 | flex-direction: column; 1196 | } 1197 | 1198 | .items-center { 1199 | align-items: center; 1200 | } 1201 | 1202 | .justify-center { 1203 | justify-content: center; 1204 | } 1205 | 1206 | .justify-between { 1207 | justify-content: space-between; 1208 | } 1209 | 1210 | .gap-x-\[240px\] { 1211 | -moz-column-gap: 240px; 1212 | column-gap: 240px; 1213 | } 1214 | 1215 | .gap-y-7 { 1216 | row-gap: 1.75rem; 1217 | } 1218 | 1219 | .gap-x-20 { 1220 | -moz-column-gap: 5rem; 1221 | column-gap: 5rem; 1222 | } 1223 | 1224 | .gap-x-5 { 1225 | -moz-column-gap: 1.25rem; 1226 | column-gap: 1.25rem; 1227 | } 1228 | 1229 | .gap-x-14 { 1230 | -moz-column-gap: 3.5rem; 1231 | column-gap: 3.5rem; 1232 | } 1233 | 1234 | .gap-x-9 { 1235 | -moz-column-gap: 2.25rem; 1236 | column-gap: 2.25rem; 1237 | } 1238 | 1239 | .gap-x-6 { 1240 | -moz-column-gap: 1.5rem; 1241 | column-gap: 1.5rem; 1242 | } 1243 | 1244 | .gap-y-5 { 1245 | row-gap: 1.25rem; 1246 | } 1247 | 1248 | .gap-y-4 { 1249 | row-gap: 1rem; 1250 | } 1251 | 1252 | .gap-x-3 { 1253 | -moz-column-gap: 0.75rem; 1254 | column-gap: 0.75rem; 1255 | } 1256 | 1257 | .gap-x-16 { 1258 | -moz-column-gap: 4rem; 1259 | column-gap: 4rem; 1260 | } 1261 | 1262 | .gap-x-12 { 1263 | -moz-column-gap: 3rem; 1264 | column-gap: 3rem; 1265 | } 1266 | 1267 | .gap-x-1 { 1268 | -moz-column-gap: 0.25rem; 1269 | column-gap: 0.25rem; 1270 | } 1271 | 1272 | .gap-x-10 { 1273 | -moz-column-gap: 2.5rem; 1274 | column-gap: 2.5rem; 1275 | } 1276 | 1277 | .gap-x-11 { 1278 | -moz-column-gap: 2.75rem; 1279 | column-gap: 2.75rem; 1280 | } 1281 | 1282 | .space-x-5 > :not([hidden]) ~ :not([hidden]) { 1283 | --tw-space-x-reverse: 0; 1284 | margin-right: calc(1.25rem * var(--tw-space-x-reverse)); 1285 | margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); 1286 | } 1287 | 1288 | .overflow-x-hidden { 1289 | overflow-x: hidden; 1290 | } 1291 | 1292 | .scroll-smooth { 1293 | scroll-behavior: smooth; 1294 | } 1295 | 1296 | .rounded-lg { 1297 | border-radius: 0.5rem; 1298 | } 1299 | 1300 | .rounded-\[13px\] { 1301 | border-radius: 13px; 1302 | } 1303 | 1304 | .rounded-\[15px\] { 1305 | border-radius: 15px; 1306 | } 1307 | 1308 | .rounded-full { 1309 | border-radius: 9999px; 1310 | } 1311 | 1312 | .rounded-\[20px\] { 1313 | border-radius: 20px; 1314 | } 1315 | 1316 | .rounded-tl-2xl { 1317 | border-top-left-radius: 1rem; 1318 | } 1319 | 1320 | .rounded-tr-2xl { 1321 | border-top-right-radius: 1rem; 1322 | } 1323 | 1324 | .border-2 { 1325 | border-width: 2px; 1326 | } 1327 | 1328 | .border-\[1px\] { 1329 | border-width: 1px; 1330 | } 1331 | 1332 | .border-l-2 { 1333 | border-left-width: 2px; 1334 | } 1335 | 1336 | .border-r-2 { 1337 | border-right-width: 2px; 1338 | } 1339 | 1340 | .border-solid { 1341 | border-style: solid; 1342 | } 1343 | 1344 | .border-white { 1345 | --tw-border-opacity: 1; 1346 | border-color: rgb(255 255 255 / var(--tw-border-opacity)); 1347 | } 1348 | 1349 | .border-primary { 1350 | --tw-border-opacity: 1; 1351 | border-color: rgb(95 0 216 / var(--tw-border-opacity)); 1352 | } 1353 | 1354 | .border-white\/90 { 1355 | border-color: rgb(255 255 255 / 0.9); 1356 | } 1357 | 1358 | .bg-\[\#161616\]\/70 { 1359 | background-color: rgb(22 22 22 / 0.7); 1360 | } 1361 | 1362 | .bg-primary { 1363 | --tw-bg-opacity: 1; 1364 | background-color: rgb(95 0 216 / var(--tw-bg-opacity)); 1365 | } 1366 | 1367 | .bg-white { 1368 | --tw-bg-opacity: 1; 1369 | background-color: rgb(255 255 255 / var(--tw-bg-opacity)); 1370 | } 1371 | 1372 | .bg-\[\#161616\] { 1373 | --tw-bg-opacity: 1; 1374 | background-color: rgb(22 22 22 / var(--tw-bg-opacity)); 1375 | } 1376 | 1377 | .bg-transparent { 1378 | background-color: transparent; 1379 | } 1380 | 1381 | .stroke-primary { 1382 | stroke: #5F00D8; 1383 | } 1384 | 1385 | .p-4 { 1386 | padding: 1rem; 1387 | } 1388 | 1389 | .p-5 { 1390 | padding: 1.25rem; 1391 | } 1392 | 1393 | .pt-48 { 1394 | padding-top: 12rem; 1395 | } 1396 | 1397 | .pl-1 { 1398 | padding-left: 0.25rem; 1399 | } 1400 | 1401 | .pr-1 { 1402 | padding-right: 0.25rem; 1403 | } 1404 | 1405 | .text-center { 1406 | text-align: center; 1407 | } 1408 | 1409 | .text-5xl { 1410 | font-size: 3rem; 1411 | line-height: 1; 1412 | } 1413 | 1414 | .text-lg { 1415 | font-size: 1.125rem; 1416 | line-height: 1.75rem; 1417 | } 1418 | 1419 | .text-2xl { 1420 | font-size: 1.5rem; 1421 | line-height: 2rem; 1422 | } 1423 | 1424 | .text-3xl { 1425 | font-size: 1.875rem; 1426 | line-height: 2.25rem; 1427 | } 1428 | 1429 | .text-xl { 1430 | font-size: 1.25rem; 1431 | line-height: 1.75rem; 1432 | } 1433 | 1434 | .text-xs { 1435 | font-size: 0.75rem; 1436 | line-height: 1rem; 1437 | } 1438 | 1439 | .text-4xl { 1440 | font-size: 2.25rem; 1441 | line-height: 2.5rem; 1442 | } 1443 | 1444 | .text-base { 1445 | font-size: 1rem; 1446 | line-height: 1.5rem; 1447 | } 1448 | 1449 | .font-normal { 1450 | font-weight: 400; 1451 | } 1452 | 1453 | .font-semibold { 1454 | font-weight: 600; 1455 | } 1456 | 1457 | .font-medium { 1458 | font-weight: 500; 1459 | } 1460 | 1461 | .font-light { 1462 | font-weight: 300; 1463 | } 1464 | 1465 | .font-bold { 1466 | font-weight: 700; 1467 | } 1468 | 1469 | .text-primary { 1470 | --tw-text-opacity: 1; 1471 | color: rgb(95 0 216 / var(--tw-text-opacity)); 1472 | } 1473 | 1474 | .text-white { 1475 | --tw-text-opacity: 1; 1476 | color: rgb(255 255 255 / var(--tw-text-opacity)); 1477 | } 1478 | 1479 | .text-\[\#787878\] { 1480 | --tw-text-opacity: 1; 1481 | color: rgb(120 120 120 / var(--tw-text-opacity)); 1482 | } 1483 | 1484 | .shadow-2xl { 1485 | --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); 1486 | --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); 1487 | box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 1488 | } 1489 | 1490 | .backdrop-blur-2xl { 1491 | --tw-backdrop-blur: blur(40px); 1492 | -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); 1493 | backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); 1494 | } 1495 | 1496 | .transition-colors { 1497 | transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; 1498 | transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 1499 | transition-duration: 150ms; 1500 | } 1501 | 1502 | .transition-all { 1503 | transition-property: all; 1504 | transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 1505 | transition-duration: 150ms; 1506 | } 1507 | 1508 | .duration-1000 { 1509 | transition-duration: 1000ms; 1510 | } 1511 | 1512 | .duration-500 { 1513 | transition-duration: 500ms; 1514 | } 1515 | 1516 | .duration-300 { 1517 | transition-duration: 300ms; 1518 | } 1519 | 1520 | .ease-linear { 1521 | transition-timing-function: linear; 1522 | } 1523 | 1524 | .hover\:bg-primary:hover { 1525 | --tw-bg-opacity: 1; 1526 | background-color: rgb(95 0 216 / var(--tw-bg-opacity)); 1527 | } 1528 | 1529 | .hover\:bg-\[\#4900A5\]:hover { 1530 | --tw-bg-opacity: 1; 1531 | background-color: rgb(73 0 165 / var(--tw-bg-opacity)); 1532 | } 1533 | 1534 | .hover\:font-medium:hover { 1535 | font-weight: 500; 1536 | } 1537 | 1538 | .hover\:text-primary:hover { 1539 | --tw-text-opacity: 1; 1540 | color: rgb(95 0 216 / var(--tw-text-opacity)); 1541 | } 1542 | 1543 | .hover\:text-white:hover { 1544 | --tw-text-opacity: 1; 1545 | color: rgb(255 255 255 / var(--tw-text-opacity)); 1546 | } 1547 | 1548 | .focus\:border-primary:focus { 1549 | --tw-border-opacity: 1; 1550 | border-color: rgb(95 0 216 / var(--tw-border-opacity)); 1551 | } 1552 | 1553 | .focus\:ring-primary:focus { 1554 | --tw-ring-opacity: 1; 1555 | --tw-ring-color: rgb(95 0 216 / var(--tw-ring-opacity)); 1556 | } 1557 | 1558 | @media (min-width: 1024px) { 1559 | .lg\:mr-5 { 1560 | margin-right: 1.25rem; 1561 | } 1562 | 1563 | .lg\:ml-48 { 1564 | margin-left: 12rem; 1565 | } 1566 | 1567 | .lg\:mb-0 { 1568 | margin-bottom: 0px; 1569 | } 1570 | 1571 | .lg\:mt-10 { 1572 | margin-top: 2.5rem; 1573 | } 1574 | 1575 | .lg\:mt-28 { 1576 | margin-top: 7rem; 1577 | } 1578 | 1579 | .lg\:mt-5 { 1580 | margin-top: 1.25rem; 1581 | } 1582 | 1583 | .lg\:ml-\[500px\] { 1584 | margin-left: 500px; 1585 | } 1586 | 1587 | .lg\:-mt-10 { 1588 | margin-top: -2.5rem; 1589 | } 1590 | 1591 | .lg\:mt-32 { 1592 | margin-top: 8rem; 1593 | } 1594 | 1595 | .lg\:mt-3 { 1596 | margin-top: 0.75rem; 1597 | } 1598 | 1599 | .lg\:-ml-16 { 1600 | margin-left: -4rem; 1601 | } 1602 | 1603 | .lg\:-ml-24 { 1604 | margin-left: -6rem; 1605 | } 1606 | 1607 | .lg\:mt-0 { 1608 | margin-top: 0px; 1609 | } 1610 | 1611 | .lg\:mb-7 { 1612 | margin-bottom: 1.75rem; 1613 | } 1614 | 1615 | .lg\:-ml-0 { 1616 | margin-left: -0px; 1617 | } 1618 | 1619 | .lg\:mr-0 { 1620 | margin-right: 0px; 1621 | } 1622 | 1623 | .lg\:mt-24 { 1624 | margin-top: 6rem; 1625 | } 1626 | 1627 | .lg\:mb-5 { 1628 | margin-bottom: 1.25rem; 1629 | } 1630 | 1631 | .lg\:ml-\[20px\] { 1632 | margin-left: 20px; 1633 | } 1634 | 1635 | .lg\:mt-2 { 1636 | margin-top: 0.5rem; 1637 | } 1638 | 1639 | .lg\:mr-\[580px\] { 1640 | margin-right: 580px; 1641 | } 1642 | 1643 | .lg\:-mr-20 { 1644 | margin-right: -5rem; 1645 | } 1646 | 1647 | .lg\:-mr-16 { 1648 | margin-right: -4rem; 1649 | } 1650 | 1651 | .lg\:mb-4 { 1652 | margin-bottom: 1rem; 1653 | } 1654 | 1655 | .lg\:mt-7 { 1656 | margin-top: 1.75rem; 1657 | } 1658 | 1659 | .lg\:flex { 1660 | display: flex; 1661 | } 1662 | 1663 | .lg\:hidden { 1664 | display: none; 1665 | } 1666 | 1667 | .lg\:h-\[450px\] { 1668 | height: 450px; 1669 | } 1670 | 1671 | .lg\:h-10 { 1672 | height: 2.5rem; 1673 | } 1674 | 1675 | .lg\:w-\[480px\] { 1676 | width: 480px; 1677 | } 1678 | 1679 | .lg\:w-10 { 1680 | width: 2.5rem; 1681 | } 1682 | 1683 | .lg\:flex-row { 1684 | flex-direction: row; 1685 | } 1686 | 1687 | .lg\:flex-row-reverse { 1688 | flex-direction: row-reverse; 1689 | } 1690 | 1691 | .lg\:flex-col { 1692 | flex-direction: column; 1693 | } 1694 | 1695 | .lg\:justify-between { 1696 | justify-content: space-between; 1697 | } 1698 | 1699 | .lg\:gap-x-\[50px\] { 1700 | -moz-column-gap: 50px; 1701 | column-gap: 50px; 1702 | } 1703 | 1704 | .lg\:gap-x-52 { 1705 | -moz-column-gap: 13rem; 1706 | column-gap: 13rem; 1707 | } 1708 | 1709 | .lg\:gap-x-2 { 1710 | -moz-column-gap: 0.5rem; 1711 | column-gap: 0.5rem; 1712 | } 1713 | 1714 | .lg\:gap-x-\[240px\] { 1715 | -moz-column-gap: 240px; 1716 | column-gap: 240px; 1717 | } 1718 | 1719 | .lg\:gap-y-4 { 1720 | row-gap: 1rem; 1721 | } 1722 | 1723 | .lg\:bg-primary { 1724 | --tw-bg-opacity: 1; 1725 | background-color: rgb(95 0 216 / var(--tw-bg-opacity)); 1726 | } 1727 | 1728 | .lg\:p-24 { 1729 | padding: 6rem; 1730 | } 1731 | 1732 | .lg\:text-center { 1733 | text-align: center; 1734 | } 1735 | 1736 | .lg\:text-4xl { 1737 | font-size: 2.25rem; 1738 | line-height: 2.5rem; 1739 | } 1740 | 1741 | .lg\:text-5xl { 1742 | font-size: 3rem; 1743 | line-height: 1; 1744 | } 1745 | 1746 | .lg\:text-3xl { 1747 | font-size: 1.875rem; 1748 | line-height: 2.25rem; 1749 | } 1750 | 1751 | .lg\:font-medium { 1752 | font-weight: 500; 1753 | } 1754 | 1755 | .lg\:font-light { 1756 | font-weight: 300; 1757 | } 1758 | 1759 | .lg\:font-semibold { 1760 | font-weight: 600; 1761 | } 1762 | 1763 | .lg\:font-normal { 1764 | font-weight: 400; 1765 | } 1766 | } --------------------------------------------------------------------------------