├── fonts └── Inkfree.ttf ├── style.css └── index.html /fonts/Inkfree.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/day-4-may-22-2025/main/fonts/Inkfree.ttf -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap'); 2 | 3 | * { 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | } 8 | 9 | @font-face { 10 | font-family: kashem; 11 | src: url("./fonts/Inkfree.ttf"); 12 | } 13 | 14 | .main { 15 | width: 300px; 16 | border: 20px solid rgba(23, 87, 207, 0.5); 17 | /* padding: 12px; */ 18 | /* margin: 20px; */ 19 | /* padding-top: 20px; */ 20 | /* padding-right: 20px; */ 21 | /* padding-bottom: 20px; */ 22 | /* padding-left: 20px; */ 23 | /* padding: 20px 30px 40px 50px; */ 24 | padding: 20px 30px; 25 | /* padding: 20px 30px 40px; */ 26 | /* margin-left: auto; 27 | margin-right: auto; 28 | margin-top: 20px; 29 | margin-bottom: 20px; */ 30 | margin: 20px auto; 31 | font-family: kashem; 32 | /* background: linear-gradient(to top right, lightblue, lightyellow, lightgreen); */ 33 | background: radial-gradient(white 30%, yellow 60%, #a2bbcc); 34 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 32 | 33 | 34 | 35 | 36 | 37 |
38 | 39 |

This is a heading

40 | 41 | 42 |

43 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quia delectus dolore consequuntur eum dicta optio 44 | cupiditate soluta mollitia. Dicta deserunt impedit necessitatibus! Eveniet vero quod consequuntur. Doloribus 45 | rerum ab nihil. 46 |

47 |

48 | This is another paragraph! 49 |

50 | 51 |
52 | 53 | 54 | --------------------------------------------------------------------------------