<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: FAYENUWO AYODELE MOSES</title>
    <description>The latest articles on DEV Community by FAYENUWO AYODELE MOSES (@fayenuwoayodele).</description>
    <link>https://dev.to/fayenuwoayodele</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F319435%2F9fe2a85f-a503-4483-b0ed-baf62cd2dfa2.png</url>
      <title>DEV Community: FAYENUWO AYODELE MOSES</title>
      <link>https://dev.to/fayenuwoayodele</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/fayenuwoayodele"/>
    <language>en</language>
    <item>
      <title>DIOPHANTINE EQUATION</title>
      <dc:creator>FAYENUWO AYODELE MOSES</dc:creator>
      <pubDate>Fri, 06 Oct 2023 12:21:34 +0000</pubDate>
      <link>https://dev.to/fayenuwoayodele/diophantine-equation-38il</link>
      <guid>https://dev.to/fayenuwoayodele/diophantine-equation-38il</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--E_G29I93--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6pe9b9khpcabe7o99ys0.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--E_G29I93--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6pe9b9khpcabe7o99ys0.jpg" alt="Image description" width="800" height="600"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>DYNAMIC HOST CONFIGURATION PROTOCOL(DHCP)</title>
      <dc:creator>FAYENUWO AYODELE MOSES</dc:creator>
      <pubDate>Sat, 09 Sep 2023 16:11:13 +0000</pubDate>
      <link>https://dev.to/fayenuwoayodele/dynamic-host-configuration-protocoldhcp-16f2</link>
      <guid>https://dev.to/fayenuwoayodele/dynamic-host-configuration-protocoldhcp-16f2</guid>
      <description>&lt;p&gt;CISCO NETWORKING &lt;br&gt;
Dynamic Host Configuration Protocol (DHCP) is a client/server protocol that automatically provides an Internet Protocol (IP) host with its IP address and other related configuration information such as the subnet mask and default gateway. RFCs 2131 and 2132 define DHCP as an Internet Engineering Task Force (IETF) standard based on Bootstrap Protocol (BOOTP), a protocol with which DHCP shares many implementation details. DHCP allows hosts to obtain required TCP/IP configuration information from a DHCP server.&lt;/p&gt;

&lt;p&gt;Windows Server 2016 includes DHCP Server, which is an optional networking server role that you can deploy on your network to lease IP addresses and other information to DHCP clients. All Windows-based client operating systems include the DHCP client as part of TCP/IP, and DHCP client is enabled by default.&lt;/p&gt;

&lt;p&gt;Why use DHCP?&lt;br&gt;
Every device on a TCP/IP-based network must have a unique unicast IP address to access the network and its resources. Without DHCP, IP addresses for new computers or computers that are moved from one subnet to another must be configured manually; IP addresses for computers that are removed from the network must be manually reclaimed.&lt;/p&gt;

&lt;p&gt;With DHCP, this entire process is automated and managed centrally. The DHCP server maintains a pool of IP addresses and leases an address to any DHCP-enabled client when it starts up on the network. Because the IP addresses are dynamic (leased) rather than static (permanently assigned), addresses no longer in use are automatically returned to the pool for reallocation.&lt;/p&gt;

&lt;p&gt;The network administrator establishes DHCP servers that maintain TCP/IP configuration information and provide address configuration to DHCP-enabled clients in the form of a lease offer. The DHCP server stores the configuration information in a database that includes:&lt;/p&gt;

&lt;p&gt;Valid TCP/IP configuration parameters for all clients on the network.&lt;/p&gt;

&lt;p&gt;Valid IP addresses, maintained in a pool for assignment to clients, as well as excluded addresses.&lt;/p&gt;

&lt;p&gt;Reserved IP addresses associated with particular DHCP clients. This allows consistent assignment of a single IP address to a single DHCP client.&lt;/p&gt;

&lt;p&gt;The lease duration, or the length of time for which the IP address can be used before a lease renewal is required.&lt;/p&gt;

&lt;p&gt;A DHCP-enabled client, upon accepting a lease offer, receives:&lt;/p&gt;

&lt;p&gt;A valid IP address for the subnet to which it is connecting.&lt;/p&gt;

&lt;p&gt;Requested DHCP options, which are additional parameters that a DHCP server is configured to assign to clients. Some examples of DHCP options are Router (default gateway), DNS Servers, and DNS Domain Name.&lt;/p&gt;

&lt;p&gt;Benefits of DHCP&lt;br&gt;
DHCP provides the following benefits.&lt;/p&gt;

&lt;p&gt;Reliable IP address configuration. DHCP minimizes configuration errors caused by manual IP address configuration, such as typographical errors, or address conflicts caused by the assignment of an IP address to more than one computer at the same time.&lt;/p&gt;

&lt;p&gt;Reduced network administration. DHCP includes the following features to reduce network administration:&lt;/p&gt;

&lt;p&gt;Centralized and automated TCP/IP configuration.&lt;/p&gt;

&lt;p&gt;The ability to define TCP/IP configurations from a central location.&lt;/p&gt;

&lt;p&gt;The ability to assign a full range of additional TCP/IP configuration values by means of DHCP options.&lt;/p&gt;

&lt;p&gt;The efficient handling of IP address changes for clients that must be updated frequently, such as those for portable devices that move to different locations on a wireless network.&lt;/p&gt;

&lt;p&gt;The forwarding of initial DHCP messages by using a DHCP relay agent, which eliminates the need for a DHCP server on every network.&lt;/p&gt;

&lt;h1&gt;
  
  
  DHCP , #cisconetworking , #CCNA ,#CCNP, #CCIE , #IPaddress , #tcp/ip , #DNSserver ,#DNSDomainName.
&lt;/h1&gt;

</description>
      <category>networking</category>
      <category>cloud</category>
      <category>network</category>
      <category>cisco</category>
    </item>
    <item>
      <title>HAPPY VALENTINE 2020 TO YOU ALL</title>
      <dc:creator>FAYENUWO AYODELE MOSES</dc:creator>
      <pubDate>Mon, 10 Feb 2020 19:11:50 +0000</pubDate>
      <link>https://dev.to/fayenuwoayodele/happy-valentine-2020-to-you-all-20d2</link>
      <guid>https://dev.to/fayenuwoayodele/happy-valentine-2020-to-you-all-20d2</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/FAYENUWO/embed/YzXXQqd?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepenbyfayenuwoayodele</category>
    </item>
    <item>
      <title>HAPPY NEW YEAR IN 25 PROGRAMMING &amp; SCRIPTING LANGUAGES</title>
      <dc:creator>FAYENUWO AYODELE MOSES</dc:creator>
      <pubDate>Sun, 19 Jan 2020 15:45:24 +0000</pubDate>
      <link>https://dev.to/fayenuwoayodele/happy-new-year-in-25-programming-scripting-languages-2lg0</link>
      <guid>https://dev.to/fayenuwoayodele/happy-new-year-in-25-programming-scripting-languages-2lg0</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/FAYENUWO/embed/xxbQbRV?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>BIRTHDAY CAKE DESIGN USING JAVASCRIPT</title>
      <dc:creator>FAYENUWO AYODELE MOSES</dc:creator>
      <pubDate>Fri, 17 Jan 2020 19:47:00 +0000</pubDate>
      <link>https://dev.to/fayenuwoayodele/birthday-cake-design-using-javascript-4697</link>
      <guid>https://dev.to/fayenuwoayodele/birthday-cake-design-using-javascript-4697</guid>
      <description>&lt;p&gt;window.open = function() {};&lt;br&gt;
            window.print = function() {};&lt;br&gt;
            // Support hover state for mobile.&lt;br&gt;
            if (false) {&lt;br&gt;
                window.ontouchstart = function() {};&lt;br&gt;
            }&lt;/p&gt;

</description>
      <category>javascript</category>
    </item>
    <item>
      <title>BIRTHDAY CAKE DESIGN USING CSS</title>
      <dc:creator>FAYENUWO AYODELE MOSES</dc:creator>
      <pubDate>Fri, 17 Jan 2020 19:44:47 +0000</pubDate>
      <link>https://dev.to/fayenuwoayodele/birthday-cake-design-using-css-322b</link>
      <guid>https://dev.to/fayenuwoayodele/birthday-cake-design-using-css-322b</guid>
      <description>&lt;p&gt;body {&lt;br&gt;
  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #374566), color-stop(100%, #010203));&lt;br&gt;
  background-image: -webkit-radial-gradient(#374566, #010203);&lt;br&gt;
  background-image: -moz-radial-gradient(#374566, #010203);&lt;br&gt;
  background-image: -o-radial-gradient(#374566, #010203);&lt;br&gt;
  background-image: radial-gradient(#374566, #010203);&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;.cake {&lt;br&gt;
  position: absolute;&lt;br&gt;
  width: 250px;&lt;br&gt;
  height: 200px;&lt;br&gt;
  top: 50%;&lt;br&gt;
  left: 50%;&lt;br&gt;
  margin-top: 220px;&lt;/p&gt;

&lt;p&gt;}&lt;/p&gt;

&lt;p&gt;.plate {&lt;br&gt;
  width: 270px;&lt;br&gt;
  height: 110px;&lt;br&gt;
  position: absolute;&lt;br&gt;
  bottom: -10px;&lt;br&gt;
  left: -10px;&lt;br&gt;
  background-color: #ccc;&lt;br&gt;
  border-radius: 50%;&lt;br&gt;
  box-shadow: 0 2px 0 #b3b3b3, 0 4px 0 #b3b3b3, 0 5px 40px rgba(0, 0, 0, 0.5);&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;.cake &amp;gt; * {&lt;br&gt;
  position: absolute;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;.layer {&lt;br&gt;
  position: absolute;&lt;br&gt;
  display: block;&lt;br&gt;
  width: 250px;&lt;br&gt;
  height: 100px;&lt;br&gt;
  border-radius: 50%;&lt;br&gt;
  background-color: #553c13;&lt;br&gt;
  box-shadow: 0 2px 0px #6a4b18, 0 4px 0px #33240b, 0 6px 0px #32230b, 0 8px 0px #31230b, 0 10px 0px #30220b, 0 12px 0px #2f220b, 0 14px 0px #2f210a, 0 16px 0px #2e200a, 0 18px 0px #2d200a, 0 20px 0px #2c1f0a, 0 22px 0px #2b1f0a, 0 24px 0px #2a1e09, 0 26px 0px #2a1d09, 0 28px 0px #291d09, 0 30px 0px #281c09;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;.layer-top {&lt;br&gt;
  top: 0px;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;.layer-middle {&lt;br&gt;
  top: 33px;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;.layer-bottom {&lt;br&gt;
  top: 66px;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;.icing {&lt;br&gt;
  top: 2px;&lt;br&gt;
  left: 5px;&lt;br&gt;
  background-color: #f0e4d0;&lt;br&gt;
  width: 240px;&lt;br&gt;
  height: 90px;&lt;br&gt;
  border-radius: 50%;&lt;br&gt;
}&lt;br&gt;
.icing:before {&lt;br&gt;
  content: "";&lt;br&gt;
  position: absolute;&lt;br&gt;
  top: 4px;&lt;br&gt;
  right: 5px;&lt;br&gt;
  bottom: 6px;&lt;br&gt;
  left: 5px;&lt;br&gt;
  background-color: #f4ebdc;&lt;br&gt;
  box-shadow: 0 0 4px #f6efe3, 0 0 4px #f6efe3, 0 0 4px #f6efe3;&lt;br&gt;
  border-radius: 50%;&lt;br&gt;
  z-index: 1;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;.drip {&lt;br&gt;
  display: block;&lt;br&gt;
  width: 50px;&lt;br&gt;
  height: 60px;&lt;br&gt;
  border-bottom-left-radius: 25px;&lt;br&gt;
  border-bottom-right-radius: 25px;&lt;br&gt;
  background-color: #f0e4d0;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;.drip1 {&lt;br&gt;
  top: 53px;&lt;br&gt;
  left: 5px;&lt;br&gt;
  transform: skewY(15deg);&lt;br&gt;
  height: 48px;&lt;br&gt;
  width: 40px;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;.drip2 {&lt;br&gt;
  top: 69px;&lt;br&gt;
  left: 181px;&lt;br&gt;
  transform: skewY(-15deg);&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;.drip3 {&lt;br&gt;
  top: 54px;&lt;br&gt;
  left: 90px;&lt;br&gt;
  width: 80px;&lt;br&gt;
  border-bottom-left-radius: 40px;&lt;br&gt;
  border-bottom-right-radius: 40px;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;.candle {&lt;br&gt;
  background-color: #7B020B;&lt;br&gt;
  width: 16px;&lt;br&gt;
  height: 50px;&lt;br&gt;
  border-radius: 8px / 4px;&lt;br&gt;
  top: -20px;&lt;br&gt;
  left: 50%;&lt;br&gt;
  margin-left: -8px;&lt;br&gt;
  z-index: 10;&lt;br&gt;
}&lt;br&gt;
.candle:before {&lt;br&gt;
  content: "";&lt;br&gt;
  position: absolute;&lt;br&gt;
  top: 0;&lt;br&gt;
  left: 0;&lt;br&gt;
  width: 16px;&lt;br&gt;
  height: 8px;&lt;br&gt;
  border-radius: 50%;&lt;br&gt;
  background-color: #ad030f;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;.flame {&lt;br&gt;
  position: absolute;&lt;br&gt;
  background-color: orange;&lt;br&gt;
  width: 15px;&lt;br&gt;
  height: 35px;&lt;br&gt;
  border-radius: 10px 10px 10px 10px / 25px 25px 10px 10px;&lt;br&gt;
  top: -34px;&lt;br&gt;
  left: 50%;&lt;br&gt;
  margin-left: -7.5px;&lt;br&gt;
  z-index: 10;&lt;br&gt;
  box-shadow: 0 0 10px rgba(255, 165, 0, 0.5), 0 0 20px rgba(255, 165, 0, 0.5), 0 0 60px rgba(255, 165, 0, 0.5), 0 0 80px rgba(255, 165, 0, 0.5);&lt;br&gt;
  transform-origin: 50% 90%;&lt;br&gt;
  animation: flicker 1s ease-in-out alternate infinite;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;@keyframes flicker {&lt;br&gt;
  0% {&lt;br&gt;
    transform: skewX(5deg);&lt;br&gt;
    box-shadow: 0 0 10px rgba(255, 165, 0, 0.2), 0 0 20px rgba(255, 165, 0, 0.2), 0 0 60px rgba(255, 165, 0, 0.2), 0 0 80px rgba(255, 165, 0, 0.2);&lt;br&gt;
  }&lt;br&gt;
  25% {&lt;br&gt;
    transform: skewX(-5deg);&lt;br&gt;
    box-shadow: 0 0 10px rgba(255, 165, 0, 0.5), 0 0 20px rgba(255, 165, 0, 0.5), 0 0 60px rgba(255, 165, 0, 0.5), 0 0 80px rgba(255, 165, 0, 0.5);&lt;br&gt;
  }&lt;br&gt;
  50% {&lt;br&gt;
    transform: skewX(10deg);&lt;br&gt;
    box-shadow: 0 0 10px rgba(255, 165, 0, 0.3), 0 0 20px rgba(255, 165, 0, 0.3), 0 0 60px rgba(255, 165, 0, 0.3), 0 0 80px rgba(255, 165, 0, 0.3);&lt;br&gt;
  }&lt;br&gt;
  75% {&lt;br&gt;
    transform: skewX(-10deg);&lt;br&gt;
    box-shadow: 0 0 10px rgba(255, 165, 0, 0.4), 0 0 20px rgba(255, 165, 0, 0.4), 0 0 60px rgba(255, 165, 0, 0.4), 0 0 80px rgba(255, 165, 0, 0.4);&lt;br&gt;
  }&lt;br&gt;
  100% {&lt;br&gt;
    transform: skewX(5deg);&lt;br&gt;
    box-shadow: 0 0 10px rgba(255, 165, 0, 0.5), 0 0 20px rgba(255, 165, 0, 0.5), 0 0 60px rgba(255, 165, 0, 0.5), 0 0 80px rgba(255, 165, 0, 0.5);&lt;br&gt;
  }&lt;br&gt;
}&lt;br&gt;
 span {&lt;br&gt;
                text-transform: uppercase;&lt;br&gt;
            }&lt;br&gt;
            .container {&lt;br&gt;
                width: 800px;&lt;br&gt;
                height: 420px;&lt;br&gt;
                padding: 10px;&lt;br&gt;
                margin: 0 auto;&lt;br&gt;
                position: relative;&lt;br&gt;
            }&lt;br&gt;
            .balloon {&lt;br&gt;
                width: 738px;&lt;br&gt;
                margin: 0 auto;&lt;br&gt;
                padding-top: 30px;&lt;br&gt;
                position: relative;&lt;br&gt;
            }&lt;br&gt;
            .balloon &amp;gt; div {&lt;br&gt;
                width: 104px;&lt;br&gt;
                height: 140px;&lt;br&gt;
                background: rgba(182, 15, 97, 0.9);&lt;br&gt;
                border-radius: 0;&lt;br&gt;
                border-radius: 80% 80% 80% 80%;&lt;br&gt;
                margin: 0 auto;&lt;br&gt;
                position: absolute;&lt;br&gt;
                padding: 10px;&lt;br&gt;
                box-shadow: inset 17px 7px 10px rgba(182, 15, 97, 0.9);&lt;br&gt;
                -webkit-transform-origin: bottom center;&lt;br&gt;
            }&lt;br&gt;
            .balloon &amp;gt; div:nth-child(1) {&lt;br&gt;
                background: rgba(182, 15, 97, 0.9);&lt;br&gt;
                left: 0;&lt;br&gt;
                box-shadow: inset 10px 10px 10px rgba(135, 11, 72, 0.9);&lt;br&gt;
                -webkit-animation: balloon1 6s ease-in-out infinite;&lt;br&gt;
                -moz-animation: balloon1 6s ease-in-out infinite;&lt;br&gt;
                -o-animation: balloon1 6s ease-in-out infinite;&lt;br&gt;
                animation: balloon1 6s ease-in-out infinite;&lt;br&gt;
            }&lt;br&gt;
            .balloon &amp;gt; div:nth-child(1):before {&lt;br&gt;
                color: rgba(182, 15, 97, 0.9);&lt;br&gt;
            }&lt;br&gt;
            .balloon &amp;gt; div:nth-child(2) {&lt;br&gt;
                background: rgba(242, 112, 45, 0.9);&lt;br&gt;
                left: 120px;&lt;br&gt;
                box-shadow: inset 10px 10px 10px rgba(222, 85, 14, 0.9);&lt;br&gt;
                -webkit-animation: balloon2 6s ease-in-out infinite;&lt;br&gt;
                -moz-animation: balloon2 6s ease-in-out infinite;&lt;br&gt;
                -o-animation: balloon2 6s ease-in-out infinite;&lt;br&gt;
                animation: balloon2 6s ease-in-out infinite;&lt;br&gt;
            }&lt;br&gt;
            .balloon &amp;gt; div:nth-child(2):before {&lt;br&gt;
                color: rgba(242, 112, 45, 0.9);&lt;br&gt;
            }&lt;br&gt;
            .balloon &amp;gt; div:nth-child(3) {&lt;br&gt;
                background: rgba(45, 181, 167, 0.9);&lt;br&gt;
                left: 240px;&lt;br&gt;
                box-shadow: inset 10px 10px 10px rgba(35, 140, 129, 0.9);&lt;br&gt;
                -webkit-animation: balloon4 6s ease-in-out infinite;&lt;br&gt;
                -moz-animation: balloon4 6s ease-in-out infinite;&lt;br&gt;
                -o-animation: balloon4 6s ease-in-out infinite;&lt;br&gt;
                animation: balloon4 6s ease-in-out infinite;&lt;br&gt;
            }&lt;br&gt;
            .balloon &amp;gt; div:nth-child(3):before {&lt;br&gt;
                color: rgba(45, 181, 167, 0.9);&lt;br&gt;
            }&lt;br&gt;
            .balloon &amp;gt; div:nth-child(4) {&lt;br&gt;
                background: rgba(190, 61, 244, 0.9);&lt;br&gt;
                left: 360px;&lt;br&gt;
                box-shadow: inset 10px 10px 10px rgba(173, 14, 240, 0.9);&lt;br&gt;
                -webkit-animation: balloon1 5s ease-in-out infinite;&lt;br&gt;
                -moz-animation: balloon1 5s ease-in-out infinite;&lt;br&gt;
                -o-animation: balloon1 5s ease-in-out infinite;&lt;br&gt;
                animation: balloon1 5s ease-in-out infinite;&lt;br&gt;
            }&lt;br&gt;
            .balloon &amp;gt; div:nth-child(4):before {&lt;br&gt;
                color: rgba(190, 61, 244, 0.9);&lt;br&gt;
            }&lt;br&gt;
            .balloon &amp;gt; div:nth-child(5) {&lt;br&gt;
                background: rgba(180, 224, 67, 0.9);&lt;br&gt;
                left: 480px;&lt;br&gt;
                box-shadow: inset 10px 10px 10px rgba(158, 206, 34, 0.9);&lt;br&gt;
                -webkit-animation: balloon3 5s ease-in-out infinite;&lt;br&gt;
                -moz-animation: balloon3 5s ease-in-out infinite;&lt;br&gt;
                -o-animation: balloon3 5s ease-in-out infinite;&lt;br&gt;
                animation: balloon3 5s ease-in-out infinite;&lt;br&gt;
            }&lt;br&gt;
            .balloon &amp;gt; div:nth-child(5):before {&lt;br&gt;
                color: rgba(180, 224, 67, 0.9);&lt;br&gt;
            }&lt;br&gt;
            .balloon &amp;gt; div:nth-child(6) {&lt;br&gt;
                background: rgba(242, 194, 58, 0.9);&lt;br&gt;
                left: 600px;&lt;br&gt;
                box-shadow: inset 10px 10px 10px rgba(234, 177, 15, 0.9);&lt;br&gt;
                -webkit-animation: balloon2 3s ease-in-out infinite;&lt;br&gt;
                -moz-animation: balloon2 3s ease-in-out infinite;&lt;br&gt;
                -o-animation: balloon2 3s ease-in-out infinite;&lt;br&gt;
                animation: balloon2 3s ease-in-out infinite;&lt;br&gt;
            }&lt;br&gt;
            .balloon &amp;gt; div:nth-child(6):before {&lt;br&gt;
                color: rgba(242, 194, 58, 0.9);&lt;br&gt;
            }&lt;br&gt;
            .balloon &amp;gt; div:before {&lt;br&gt;
                color: rgba(182, 15, 97, 0.9);&lt;br&gt;
                position: absolute;&lt;br&gt;
                bottom: -11px;&lt;br&gt;
                left: 52px;&lt;br&gt;
                content:"▲";&lt;br&gt;
                font-size: 1em;&lt;br&gt;
            }&lt;br&gt;
            span {&lt;br&gt;
                font-size: 4.8em;&lt;br&gt;
                color: white;&lt;br&gt;
                position: relative;&lt;br&gt;
                top: 30px;&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;        }
        /*BALLOON 1 4*/
        @-webkit-keyframes balloon1 {
            0%, 100% {
                -webkit-transform: translateY(0) rotate(-6deg);
            }
            50% {
                -webkit-transform: translateY(-20px) rotate(8deg);
            }
        }
        @-moz-keyframes balloon1 {
            0%, 100% {
                -moz-transform: translateY(0) rotate(-6deg);
            }
            50% {
                -moz-transform: translateY(-20px) rotate(8deg);
            }
        }
        @-o-keyframes balloon1 {
            0%, 100% {
                -o-transform: translateY(0) rotate(-6deg);
            }
            50% {
                -o-transform: translateY(-20px) rotate(8deg);
            }
        }
        @keyframes balloon1 {
            0%, 100% {
                transform: translateY(0) rotate(-6deg);
            }
            50% {
                transform: translateY(-20px) rotate(8deg);
            }
        }
        /* BAllOON 2 5*/
        @-webkit-keyframes balloon2 {
            0%, 100% {
                -webkit-transform: translateY(0) rotate(6eg);
            }
            50% {
                -webkit-transform: translateY(-30px) rotate(-8deg);
            }
        }
        @-moz-keyframes balloon2 {
            0%, 100% {
                -moz-transform: translateY(0) rotate(6deg);
            }
            50% {
                -moz-transform: translateY(-30px) rotate(-8deg);
            }
        }
        @-o-keyframes balloon2 {
            0%, 100% {
                -o-transform: translateY(0) rotate(6deg);
            }
            50% {
                -o-transform: translateY(-30px) rotate(-8deg);
            }
        }
        @keyframes balloon2 {
            0%, 100% {
                transform: translateY(0) rotate(6deg);
            }
            50% {
                transform: translateY(-30px) rotate(-8deg);
            }
        }
        /* BAllOON 0*/
        @-webkit-keyframes balloon3 {
            0%, 100% {
                -webkit-transform: translate(0, -10px) rotate(6eg);
            }
            50% {
                -webkit-transform: translate(-20px, 30px) rotate(-8deg);
            }
        }
        @-moz-keyframes balloon3 {
            0%, 100% {
                -moz-transform: translate(0, -10px) rotate(6eg);
            }
            50% {
                -moz-transform: translate(-20px, 30px) rotate(-8deg);
            }
        }
        @-o-keyframes balloon3 {
            0%, 100% {
                -o-transform: translate(0, -10px) rotate(6eg);
            }
            50% {
                -o-transform: translate(-20px, 30px) rotate(-8deg);
            }
        }
        @keyframes balloon3 {
            0%, 100% {
                transform: translate(0, -10px) rotate(6eg);
            }
            50% {
                transform: translate(-20px, 30px) rotate(-8deg);
            }
        }
        /* BAllOON 3*/
        @-webkit-keyframes balloon4 {
            0%, 100% {
                -webkit-transform: translate(10px, -10px) rotate(-8eg);
            }
            50% {
                -webkit-transform: translate(-15px, 20px) rotate(10deg);
            }
        }
        @-moz-keyframes balloon4 {
            0%, 100% {
                -moz-transform: translate(10px, -10px) rotate(-8eg);
            }
            50% {
                -moz-transform: translate(-15px, 10px) rotate(10deg);
            }
        }
        @-o-keyframes balloon4 {
            0%, 100% {
                -o-transform: translate(10px, -10px) rotate(-8eg);
            }
            50% {
                -o-transform: translate(-15px, 10px) rotate(10deg);
            }
        }
        @keyframes balloon4 {
            0%, 100% {
                transform: translate(10px, -10px) rotate(-8eg);
            }
            50% {
                transform: translate(-15px, 10px) rotate(10deg);
            }
        }
        h1 {
            position: relative;
            top: 200px;
            text-align: center;
            color: white;
            font-size: 3.5em;
        }
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

</description>
      <category>css</category>
    </item>
    <item>
      <title>BIRTHDAY CAKE DESIGN</title>
      <dc:creator>FAYENUWO AYODELE MOSES</dc:creator>
      <pubDate>Fri, 17 Jan 2020 19:41:46 +0000</pubDate>
      <link>https://dev.to/fayenuwoayodele/birthday-cake-design-3ml6</link>
      <guid>https://dev.to/fayenuwoayodele/birthday-cake-design-3ml6</guid>
      <description>&lt;p&gt;&lt;br&gt;
 &lt;br&gt;
 &lt;br&gt;
   CSS My Fondant Birthday Cake&amp;gt;&lt;br&gt;
 &lt;br&gt;
 &amp;lt;meta name= "viewport"content="width=device-width, initial sclae-1" &lt;br&gt;
       &amp;lt;link rel="stylesheet"  href= "&lt;a href="https://cdnjs.cloudfare.com/ajax/libs/normalize/5.0.0/normalize/min.css"&gt;https://cdnjs.cloudfare.com/ajax/libs/normalize/5.0.0/normalize/min.css&lt;/a&gt;"&lt;/p&gt;

&lt;p&gt;&amp;lt;body style="color:#fff;"&amp;gt;&amp;lt;/body&amp;gt;&lt;/p&gt;

&lt;p&gt;&amp;lt;div class ="cake"&amp;gt;&lt;br&gt;
&amp;lt;div class ="plate"&amp;gt;&amp;lt;/div&amp;gt; &lt;br&gt;
&amp;lt;div class ="layer-layer-bottom"&amp;gt;&amp;lt;/div&amp;gt;&lt;br&gt;
&amp;lt;div class ="layer-layer-middle"&amp;gt;&amp;lt;/div&amp;gt; &lt;br&gt;
&amp;lt;div class ="layer-layer-top"&amp;gt;&amp;lt;/div&amp;gt; &lt;br&gt;
&amp;lt;div class ="layer-layer-center"&amp;gt;&amp;lt;/div&amp;gt;&lt;br&gt;
&amp;lt;div class ="drip- drip1"&amp;gt;&amp;lt;/div&amp;gt;&lt;br&gt;&lt;br&gt;
&amp;lt;div class ="drip-drip2"&amp;gt;&amp;lt;/div&amp;gt;&lt;br&gt;
&amp;lt;div class ="drip-drip3"&amp;gt;&amp;lt;/div&amp;gt;&lt;br&gt;
&amp;lt;div class = "drip-drip4"&amp;gt;&amp;lt;/div&amp;gt;&lt;br&gt;
&amp;lt;div class = "candle" &lt;br&gt;
&amp;lt;div class ="flame"&amp;gt;&amp;lt;/div&amp;gt;&lt;br&gt;
 &amp;lt;/div&amp;gt;&lt;br&gt;
&amp;lt;/div&amp;gt;&lt;br&gt;&lt;br&gt;
&amp;lt;/link href ="&lt;a href="https://fonts.googleapis.com/CSS"&gt;https://fonts.googleapis.com/CSS&lt;/a&gt;? family= dele+one "rel"= "stylesheet" type= "text/css"&amp;gt;&lt;br&gt;
&amp;lt;div class ="container"&amp;gt;&lt;br&gt;
&amp;lt;div class ="balloon"&amp;gt;&lt;br&gt;
&amp;lt;div&amp;gt;&amp;lt;span&amp;gt;A&amp;lt;/span&amp;gt;&lt;br&gt;
&amp;lt;div&amp;gt;&amp;lt;span&amp;gt;B&amp;lt;/span&amp;gt;&lt;br&gt;
&amp;lt;div&amp;gt;&amp;lt;span&amp;gt;D&amp;lt;/span&amp;gt;&lt;br&gt;
&amp;lt;div&amp;gt;&amp;lt;span&amp;gt;C&amp;lt;/span&amp;gt;&lt;br&gt;
&amp;lt;div&amp;gt;&amp;lt;span&amp;gt;Y&amp;lt;/span&amp;gt;&lt;br&gt;
&amp;lt;div&amp;gt;&amp;lt;span&amp;gt;!&amp;lt;/span&amp;gt;&lt;br&gt;
 &amp;lt;/div&amp;gt;&lt;br&gt;
&amp;lt;/div&amp;gt;&lt;br&gt;
 &amp;lt;hi&amp;gt;sweety&amp;gt;&amp;lt;/hi&amp;gt;&lt;/p&gt;

&lt;p&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;

&lt;p&gt;&amp;lt;sript&amp;gt; src= "&lt;a href="https://code.jquery.com/jquery-2.2.4.js"&gt;https://code.jquery.com/jquery-2.2.4.js&lt;/a&gt;'&amp;gt;&lt;/p&gt;



</description>
      <category>html</category>
    </item>
  </channel>
</rss>
