[AppleScript] มุมมองข้อความธรรมดา คัดลอกโค้ด
<div align="center" style="list-style-type: none;">
<style>
#boxsystem01 {
border-radius: 0px;
border: 5px solid #943b1a;
padding: 3px;
box-shadow: #c5b3ac 5px 5px 5px;
background-image: url("https://i.imgur.com/OMj9FRj.png");}
</style>
<style>
#boxsystem02 {
width: 800px;
border-radius: 10px;
padding: 50px;
box-shadow: #e0e0e0 0px 0px 5px;
background-image: url("https://i.imgur.com/HVriowF.png");}
</style>
<style>
#boxsystem03 {
width: 520px;
border-radius: 20px;
border: 6px double #11a263;
padding: 3px;
box-shadow: #11a263 0px 0px 3em;
background-image: url("https://i.imgur.com/9nCbcwk.gif")";}
</style>
<div id="boxsystem01">
<p><br></p><p><font face="Georgia" size="7"><br></font></p><p><font face="Georgia" size="7">W A Y S T A T I O N<br></font><font face="Georgia" size="5" color="#af654c">Indianapolis, the U.S. state of Indiana</font><br><br></p><table id="side" border="0" cellpadding="0" cellspacing="0"><tbody><tr>
<td><div id="text"><div style="text-align: center;"><img src="https://i.imgur.com/uk4pE7k.png" width="224" _height="923" border="0"></div><div style="text-align: center;"><span style="text-align: left;"><font face="Noto Sans Thai" style="" size="2"><b style=""><font color="#943b1a">ห้องโถงใหญ่:</font></b><br><font color="#000000">หัวใจของเวย์สเตชั่น ห้องโถงขนาดใหญ่ที่มีลักษณะคล้ายมหาวิหาร เพดานโค้งมนแกะสลักด้วยไม้ กระจกสีที่ส่องแสงลงมาสร้างลวดลายเรขาคณิตสีเขียวและสีทอง หน้าต่างกุหลาบทอดเงาเป็นเส้นลูกดอกบนพื้นซีเมนต์ที่ทาสี ทางเดินยกระดับพร้อมราวเหล็กดัดและเสาไฟสไตล์วิกตอเรียนเพิ่มความสง่างาม บันไดหกอันทอดยาวขึ้นไปจนถึงขอบตกแต่งที่ฐานของเพดาน ซึ่งเต็มไปด้วยที่เกาะคล้ายฟางสำหรับไก่ตัวใหญ่ กลิ่นสัตว์อ่อน ๆ ทั่วทั้งห้องบ่งบอกถึงการอยู่ร่วมกันของสิ่งมีชีวิตหลากหลาย มุมหนึ่งของห้องเป็นห้องครัวขนาดใหญ่ โซฟาและเก้าอี้ที่นั่งสบายวางเรียงรายอยู่ทั่ว โต๊ะอาหารขนาดใหญ่ทำจากไม้เรดวูดรองรับผู้คนได้มากมาย ภายใต้หน้าต่างกุหลาบ สิ่งของจากโรงงานต่างๆ เช่น เลื่อยโต๊ะ สว่าน เครื่องกลึง เตาเผา เตาหลอม ทั่ง เครื่องพิมพ์ 3 มิติ เครื่องจักรเย็บผ้า หม้อต้ม เครื่องเชื่อม และเครื่องใช้อุตสาหกรรมอื่นๆ วางกระจัดกระจายอยู่ แสดงถึงการใช้งานที่หลากหลายของเวย์สเตชั่น</font></font></span></div><div style="text-align: center;"><br><img src="static/image/hrline/7.gif" border="0" alt=""><br><br></div><div style="text-align: center;"><img src="https://i.imgur.com/8HLzKtW.png" width="360" _height="240" border="0"><span style="text-align: left;"><font face="Noto Sans Thai" style="" size="2"><br><b style=""><font color="#943b1a">ห้องพยาบาล:</font><br></b><font color="#000000">ไม่ใช่แค่ห้องพยาบาลธรรมดา แต่เป็นศูนย์การแพทย์ที่ทันสมัยและเพียบพร้อมไปด้วยอุปกรณ์ครบครัน ตั้งแต่ตู้เก็บอุปกรณ์การแพทย์ เครื่องมือผ่าตัด ไปจนถึงส่วนผสมของยาหายาก เตียงในโรงพยาบาลมีจอภาพในตัว อินเทอร์เฟซ GCI และสายสลิงสำหรับผู้ป่วยโรคอ้วนที่ลอยได้ แสดงถึงความใส่ใจในทุกรายละเอียด ชั้นวางสมุนไพรรักษาโรคตากแห้งติดกับผนังข้างเครื่อง MRI แบบพกพา สะท้อนถึงการผสมผสานระหว่างวิทยาศาสตร์และเวทมนตร์อย่างลงตัว ที่มุมด้านหลัง มีห้องที่ทำด้วยกระจกซึ่งเต็มไปด้วยงูพิษ บ่งบอกถึงความรู้และทักษะในการใช้พิษเพื่อการรักษา</font></font></span></div><div style="text-align: center;"><br><img src="static/image/hrline/7.gif" border="0" alt=""><br><span style="color: rgb(0, 0, 0); text-align: left;"><font face="Noto Sans Thai" style="" size="2"><br></font></span></div><div style="text-align: center;"><img src="https://i.imgur.com/tKVmjA0.png" width="375" _height="375" border="0"><span style="color: rgb(0, 0, 0); text-align: left;"><font face="Noto Sans Thai" style="" size="2"></font></span></div><div style="text-align: center;"><span style="text-align: left;"><font face="Noto Sans Thai" style="" size="2"><b style=""><font color="#943b1a">ห้องของจอร์จิน่า:</font></b><br><font color="#000000">ห้องนี้สะท้อนถึงโลกแห่งจินตนาการและความรู้สึกของเด็กหญิง แสงแดดอ่อน ๆ ส่องผ่านม่านลูกไม้สีชมพูลงบนพื้นไม้เนื้อแข็ง เตียงนอนปูด้วยผ้าห่มนุ่มฟู หมอน และสัตว์ตุ๊กตา ผนังสีเปลือกไข่กลายเป็นผืนผ้าใบสำหรับภาพวาดของจอร์จิน่า ภาพวาดเหล่านี้เล่าเรื่องราวต่าง ๆ ทั้งรูปคน ต้นไม้ บ้าน สัตว์ที่กำลังเล่นซุกซน เช่น สุนัข ม้า หรือลามะ ภาพวาดบนผนังด้านซ้ายแสดงภาพพระอาทิตย์ยิ้มบนทุ่งดอกไม้ เด็กผู้หญิงยืนอยู่ระหว่างรูปพ่อแม่ที่จับมือกัน แต่ที่มุมผนังด้านหลังกลับมีพายุสีดำและภาพพ่อแม่ที่หน้าบึ้งคุกคามลามะด้วยมีดสามเหลี่ยม ลายเส้นสีเข้มกลบรุ้งสีหลัก และทรงกลมสีหมึกขนาดใหญ่คล้ายบ่อน้ำสีดำขีดข่วนทุ่งหญ้าสีเขียว ซึ่งบ่งบอกถึงถ้ำบลูสปริง ภาพวาดเหล่านี้เป็นผลมาจากประสบการณ์ที่จอร์จิน่าได้รับจากการเดินทางผ่านถ้ำโทรโฟเนียส สะท้อนถึงความบอบช้ำทางจิตใจและความทรงจำที่ฝังใจ</font></font></span></div></div></td><td><div id="picture"><img src="https://i.imgur.com/xIM9tzl.png" width="512" _height="512" border="0"></div></td>
</tr></tbody></table>
<iframe width="300" height="5" src="https://www.youtube.com/embed/5wLgEcNyiWk?autoplay=1&loop=1&playlist=5wLgEcNyiWk" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
<br><font color="#bda18e"><font face="Sarabun"><font size="2" style="">≪ คลิกที่รูปภาพเพื่อเยี่ยมชมห้องต่าง ๆ </font><font size="2" style="">≫</font></font><br></font><p style="color: rgb(255, 255, 255);"><br></p>
<div id="boxsystem02" style="">
<p style="color: rgb(255, 255, 255);">
<style>
h1
{text-shadow: 0px 0px 10px #e69a72;}
</style>
</p><h1 style=""><font face="Georgia" size="6"><span style="font-weight: 400;">WAYSTATION</span></font></h1><h1 style=""><font face="Noto Sans Thai" color="#943b1a" size="3"><span style="font-weight: 400;">เวย์สเตชั่น เมืองอินเดียนาโพสิส รัฐอินเดียนา</span></font></h1><p style="text-align: center; color: rgb(255, 255, 255);"><br><img src="static/image/hrline/7.gif" border="0" alt=""><br><br></p><p style="text-align: left; color: rgb(255, 255, 255);"><font face="Noto Sans Thai"><br></font></p><p style="text-align: left;"><font face="Noto Sans Thai"><font size="3"> </font><b style=""><font size="4" color="#943b1a">เวย์สเตชั่น</font></b><font size="3"> สถานที่หลบภัยอันลึกลับและเปี่ยมด้วยมนตร์ขลัง ไม่ได้เป็นเพียงแค่อาคารธรรมดา แต่เป็นเหมือนโลกอีกใบที่ซ่อนตัวอยู่ใจกลางเมือง เวย์สเตชั่นเป็นที่พักพิงของเหล่าเดมี่ก็อต จิตวิญญาณ อสุรกายบางตน และเหล่าพรานแห่งอาร์เทมิส สถานที่ที่พวกเขาหลบซ่อนจากภัยอันตรายและฟื้นฟูพลังกายใจ เนโรเรียกขานที่นี่ว่า </font><i style="font-size: medium;"><b>"บ้านแห่งตาข่าย"</b></i><font size="3"> ซึ่งสื่อถึงบริโตมาร์ติส เทพีแห่งกับดักและตาข่าย ผู้คุ้มครองสถานที่แห่งนี้<br><br> <b><font color="#943b1a">สถานที่ตั้ง:</font></b> เมืองอินเดียนาโพลิส รัฐอินเดียนา ตัวอาคารตั้งอยู่ทางใต้สุดของพลาซ่าเมืองอินเดียนาโพลิส</font></font></p><p style="text-align: left;"><font size="3" face="Noto Sans Thai"><br></font></p><p style="text-align: left;"><font face="Noto Sans Thai"><font size="3"> <b><font color="#943b1a">ประวัติศาสตร์และสถาปัตยกรรม:</font></b> เวย์สเตชั่นถูกสร้างขึ้นในช่วงทศวรรษ 1880 ช่วงเวลาแห่งการขยายตัวของเส้นทางรถไฟข้ามทวีป โดยสถาปนิกกึ่งเทพผู้มีวิสัยทัศน์ สถานที่แห่งนี้จึงผสานความงามของสถาปัตยกรรมในยุคนั้นเข้ากับเวทมนตร์ ทำให้เกิดเป็นอาคารที่โดดเด่นและมีเอกลักษณ์เฉพาะตัว อาคารขนาดใหญ่ตกแต่งอย่างวิจิตรงดงามตั้งอยู่ทางปลายด้านใต้ของพลาซ่า ภายนอกอาจดูเหมือนอาคารเก่าแก่ทั่วไป แต่ภายในกลับซ่อนความลับและความมหัศจรรย์ไว้มากมาย</font></font></p><p style="text-align: left;"><font face="Noto Sans Thai"><br></font></p><p style="text-align: left;"><font face="Noto Sans Thai"><span style="font-size: medium;"> <font color="#943b1a"> </font></span><font size="3"><b><font color="#943b1a">ความสามารถพิเศษ:</font></b> เวย์สเตชั่นมีความสามารถพิเศษในการเปลี่ยนแปลงรูปร่าง คล้ายกับเขาวงกตที่ปรับเปลี่ยนไปตามความต้องการ เพื่อรองรับผู้คนและแม้แต่สัตว์ต่าง ๆ ที่เข้ามาพักพิง ความสามารถนี้ยิ่งเพิ่มความลึกลับและความน่าสนใจให้กับสถานที่แห่งนี้</font></font></p><p style="text-align: left;"><font size="3" face="Noto Sans Thai"><br></font></p><p style="text-align: left;"><font face="Noto Sans Thai"><span style="font-size: medium;"> </span><font size="3">เวย์สเตชั่นจึงไม่ใช่แค่สถานที่หลบภัย แต่เป็นโลกอีกใบที่เต็มไปด้วยเรื่องราว ความทรงจำ และความมหัศจรรย์ เป็นบ้านของเหล่าผู้ที่ต้องการที่พึ่งพิง และเป็นสถานที่ที่เวทมนตร์และโลกแห่งความเป็นจริงมาบรรจบกัน</font></font></p><p style="text-align: left;"><font face="Noto Sans Thai"><font size="3"><br></font></font></p><p style="text-align: center;"><br><img src="static/image/hrline/7.gif" border="0" alt=""></p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><font size="3" face="Noto Sans Thai" color="#943b1a"><b style="">ผู้ดูแลเวย์สเตชั่น</b></font></p><p style="text-align: center;"><font size="3" face="Noto Sans Thai"><br></font></p><p style="text-align: center;">
</p><table style="width: 700px; height: 200px" cellspacing="7" cellpadding="20" width="700" border="0">
<tbody>
<tr style="text-align: left">
<!-- คอลัมน์ที่ 1 -->
<td valign="top">
<font face="Noto Sans Thai"><font color="#402418" style="">
<p align="center" style=""><font size="3"><img src="https://i.imgur.com/Ptadz4K.png" width="199" _height="223" border="0"></font><br><font size="3"><b>เอมมี่ (เฮมิเทีย)</b></font><br><font size="2">อดีตเจ้าหญิงผู้เป็นธิดาแห่งไดโอนิซุส ที่จับพลัดจับผลูเข้าร่วมกลุ่มพรานแห่งอาร์เทมิส หลังพบรักกับโจเซฟินเธอได้เกษียนตัวออกจากกลุ่มนายพราน และกลายมาเป็นผู้ดูแลเวย์สเตชั่น เธอเป็นคนเอาใจใส่และให้เกียรติผู้อื่น มองทุกคนในเวย์สเตชั่นเป็นส่วนหนึ่งของครอบครัวใหญ่ ความเมตตาของเธอแผ่ขยายไปถึงทุกคนโดยไม่แบ่งแยก มีความเป็นคุณแม่สูง<br>[<a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&goto=findpost&ptid=208&pid=3637" style="">เข้าสู่ประวัติตัวละคร</a>]</font></p>
</font>
</font></td>
<!-- คอลัมน์ที่ 2 -->
<td valign="top" width="340">
<div align="center"><font face="Noto Sans Thai" size="2"><img src="https://i.imgur.com/0fDfS8O.png" width="149" _height="223" border="0"></font></div><div align="center"><font face="Noto Sans Thai"><font size="3"><b>เจ๊โจ (โจเซฟิน)</b></font><br><font size="2">ธิดาแห่งเฮคาทีที่มีชีวิตยืนยาวตั้งแต่ปี 1920 การเข้าร่วมกลุ่มนายพรานแห่งอาร์เทมิสทำให้เธอได้รับความอมตะจนกระทั่งขอลาออกจากกลุ่มหลังพบรักกับเอมมี่ และกลายมาเป็นผู้ดูแลเวย์สเตชั่น เธอเป็นมิตรและกระตือรือร้น มีความสนใจในเครื่องยนต์กลไกมากกว่าเวทมนตร์คาภา เจ๊โจปฏิบัติแก่ผู้มาแวะพักที่เวย์สเตชั่นเหมือนส่วนหนึ่งของครอบครัว</font></font></div><div align="center"><font face="Noto Sans Thai" size="2">[<a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&goto=findpost&ptid=208&pid=3638" style="">เข้าสู่ประวัติตัวละคร</a>]</font></div>
</td>
</tr>
</tbody>
</table>
<table style="width: 700px; height: 200px" cellspacing="7" cellpadding="20" width="700" border="0">
<tbody>
<tr style="text-align: left">
<!-- คอลัมน์ที่ 1 -->
<td valign="top">
<font face="Noto Sans Thai"><font color="#402418" style="">
<p align="center" style="font-size: medium;"><img src="https://i.imgur.com/IlbKQCp.png" width="167" _height="223" border="0"></p><p align="center" style=""><b style=""><font size="3">จอร์จิน่า</font></b></p><p align="center" style=""><font size="2">เด็กสาวผู้รักในการวาดรูป ซ้ำยังมีความกล้าหาญ เธอเป็นลูกบุญธรรมของเฮมิเทียและโจเซฟิน คู่รักผู้ดูแลเวย์สเตชั่น ชีวิตของจอร์จิน่าผูกพันกับความลึกลับและความไม่แน่นอน ตั้งแต่แรกเริ่มที่เธอถูกนำมาที่เวย์สเตชั่นโดยวิญญาณชื่ออากาเมธัส มีความสัมพันธ์บางอย่างที่เป็นปริศนากับเทพอะพอลโล่ ที่แม้แต่เทพแห่งแสงสว่างยังไม่มั่นใจเด็กสาวคือธิดาของเขาหรือไม่</font></p><p align="center" style=""><font size="2">[<a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&goto=findpost&ptid=208&pid=3639">เข้าสู่ประวัติตัวละคร</a>]</font></p>
</font><font size="2">
</font></font></td>
<!-- คอลัมน์ที่ 2 -->
<td valign="top" width="340" style="text-align: center;"><img src="https://i.imgur.com/4TN7dmM.png" width="171" _height="223" border="0"><br><font face="Noto Sans Thai"><b style=""><font size="3">โบล์ต</font></b><br><font size="2">สุนัขวัยรุ่นพันธุ์เยอรมันเชเพิร์ดที่มีรอยสักรูปสายฟ้าปริศนาที่หัวไหล่ข้างซ้าย กลางเดือนพฤษภาคม 2024 มันถูกเดมิก็อดกลุ่มหนึ่งพามาฝากเลี้ยงไว้ที่เวย์สเตย์ชั่น มันฉลาด แสนรู้ รักพวกพ้อง ภาวะความเป็นผู้นำสูง และมีความกล้าหาญ แม้จะเป็นสุนัขเขื่อง ๆ ไม่โตเต็มวัยแต่มันสามารถใช้พลังของสายเลือดแห่งซุสได้ทุกรูปแบบ ผู้คนที่แวะมาที่เวย์สเตชั่นจะรู้จักโบล์ตในฐานะของ <i>"สุนัขช่วยเหลือ" (Service Dog)</i></font><br><font size="2">[[spoil]<b>โบล์ต วัตสัน บุตรแห่งซุส</b> รับภารกิจคำพยากรณ์ <b>"เสียงแห่งเงา"</b> เมื่อโลกถูกภัยร้ายคุกคามทำให้เสียงทุกอย่างบนโลกหายไป ทีมเดมิก็อดผู้กล้าหาญจึงจำเป็นต้องออกเดินทางทำภารกิจ ในภารกิจนี้มี <b>โบล์ต, รูบี้ ซู ธิดาแห่งแอริส (คนรักของโบล์ต) และบุตรแห่งอะธีน่าอีกหนึ่งคน</b> (ปัจจุบันออกจากค่ายไปแต่งงานมีครอบครัว) ทั้งสามฝ่าฟันภารกิจร่วมกันจนถึงบทสุดท้ายที่ต้องต่อสู้กับผู้บงการ ขณะที่กำลังกำราบศัตรูสุดท้าย โบล์ตใช้สายฟ้าจนเกิดแสงสว่างวาบไปทั่ว หลังแสงสว่างหายไปเพื่อนร่วมทีมถึงได้เห็นว่าชายหนุ่มได้หายตัวไปด้วยพร้อมกับบอสสุดท้าย ทั้งสองจึงคิดว่าโบล์ตได้สละชีพจนร่างกายแตกสลาย ทว่าความจริงหลังจากที่โบล์ตพิชิตบอสเสร็จ <b>เทพีเฮร่า</b>ได้ปรากฏกายขึ้นมา จากนั้นสาปเขาเป็นสุนัขสีขาวแล้วพาเขาวาร์ปไปยังสุดขอบโลก (ไม่ฆ่าให้ตายเพราะถือว่าให้รางวัลแก่วีรบุรุษผู้ซึ่งเพิ่งช่วยโลกมาหมาด ๆ) โบล์ตตื่นขึ้นมาอีกครั้งในร่างสุนัขที่ขั้วโลกใต้ เขาพยายามอยู่หลายปีเดินทางจากสุดขอบโลกเพื่อกลับมายังค่ายฮาล์ฟบลัด ทว่าเมื่อมาถึงเมืองฟิลาเดเฟีย (อีกนิดจะถึงนิวยอร์ก) เขาได้พบกับเดมิก็อดรุ่นน้องที่ออกมาทำภารกิจ และร่วมต่อสู้กับอสุรกายนีเมียน ด้วยพลังอันลึกลับทำให้เดมิก็อดกลุ่มนั้นติดต่อกลับไปยังค่ายเพื่อขอคำปรึกษาจากไครอน ผู้อำนวยการค่ายให้เดมิก็อดกลุ่มนั้นพาหมาโบล์ตไปฝากไว้ที่เวย์สเตชั่นแทน เพราะที่นั่นปลอดภัยกว่า <b>ความลับเรื่องที่โบล์ตคือใครมีเพียงแค่ไครอนเท่านั้นที่รู้ </b>แม้จะเสียใจที่ไม่มีโอกาสได้กลับไปหาผองเพื่อนและคนรัก แต่โบล์ตก็ยอมรับบทบาทใหม่ของตัวเองคือการเป็นผู้พิทักษ์แห่งเวย์สเตชั่น[/spoil]]</font></font></td></tr></tbody></table>
<center style=""><center style=""><center style=""><p style="color: rgb(255, 255, 255);"><br></p><p style="color: rgb(255, 255, 255);"><font color="#fff" style="">
<font color="#fff" style="">
</font>
</font></p><font color="#fff" style="color: rgb(255, 255, 255);">
</font></center></center></center></div><font color="#fff" style="color: rgb(255, 255, 255);"><font face="Kanit"><font size="3"><font color="black">
<br><br><br>
</font></font></font><p></p></font></div><font color="#fff" style=""><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><b>
<br><br>
</b></font></font></font></font></font></div><font color="#fff" style=""><font color="#fff" style="">
<style type="text/css">BODY{background:url("https://i.imgur.com/2SHCtHU.png"); background-attachment:fixed; }</style>
<style type="text/css">
::-webkit-scrollbar {width: 5px; height: 0px;}
::-webkit-scrollbar-track-piece {background: #e69a72;}
::-webkit-scrollbar-thumb { background-color: #e69a72; border-radius:5px; }</style>
<style type="text/css">
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track-piece:decrement{ background:#e1815d!important; border-right:2px solid #e5cab1; border-left:2px solid #e5cab1;}
::-webkit-scrollbar-track-piece:increment { background:#943b1a!important; }
::-webkit-scrollbar-button{ background:#e69a72!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background: #e1815d!important; border-top:2px solid #e1815d; border-bottom:2px solid #e1815d; }
::-webkit-scrollbar-thumb:hover{ background:#3a261b!important; border-top:2px solid #3a261b; border-radius:5px; border-bottom:2px solid #3a261b; border-radius:5px; }</style>
</font>
</font><style>
h1
{text-shadow: 0px 0px 2px #FFCC00;}
</style><style type="text/css">
#side{
margin-right:-1px;
width:512px;
height:512px;
overflow:hidden;}
#text
{text-align:center;
width:500px;
height:500px;
padding:50px;
overflow:auto;
color:#0e1c26;
background-image: url("");}
#picture
{margin-left:-257px;
width:512px;
height:512px;
overflow:hidden;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;}
#side:hover #picture
{margin-left:-1500px;}
</style>
<style type="text/css">
img:hover{
border-top-left-radius: 30px 120px;
border-bottom-right-radius: 30px 120px;
border-bottom-left-radius: 30px 120px;
border-top-right-radius: 30px 120px;
}
img{
border-top-left-radius: 120px 30px;
border-top-right-radius: 120px 30px;
border-bottom-left-radius: 120px 30px;
border-bottom-right-radius: 120px 30px;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}</style>