لاحظ ان الـ color داخل حقل الادخال تخص النص الذي سيدخله المستخدم
بقي تغير لون الـ placeholder

الـ placeholder سمة موجودة داخل العنصر input وللدخول اليها وعمل تغيرات تحتاج إلى كتابة الرمز ::
input::placeholder{
color:#fff;
}

سيأتي شرح كل عنصر في حينه
ركز فقط الآن على placeholder

بهذا الشكل
ولاحظ استخدامنا للخاصية الثانية للشفافية opacity

ممكن ايضا ان تكون بالشكل الثالث rgba

لنقم بتغير حدود حقول الادخال
border: 1px solid #ffffff94;

الخطوة القادمة توسيط زر الارسال button
وتقريبا ستكون التعديلات مشابه لحقول الادخال السابقة

على الرغم من كون العرض 100% الا انها لم تخرج عن النطاق وهنا السبب

cursor: pointer;

بالنسبة لخواص التلاعب بالنصوص (fonts)
فأهمها:
1- font-size
2- font-weight
3-font-family

للخط أنواع وعائلات كثيرررة جدا ولكنها بشكل اساسي تندرج ضمن عائلتين:
1- serif
2- sans-serif
الاول هو الخط ذو الحواف الحادة كما في التصميم الناقص
والثاني هو ذو حواد عادية ومريحة للعين كما في التصميم الجاهز

سابقاً في كل العناصر ليشمل النوع sans-serif
انت الان صرت تعرف ان العناصر في الويب تمثل اب وابن فبدلا من وضع نوع الخط على كل عنصر على حده قم بوضعها في الأب (الذي هو الـ body)

بالنسبة لـ font-size
تحدد حجم الخط للنص داخل العنصر.
بوحدات قياس مثل الـ px
او بكلمات محددة